/* The Raise-Readiness Scorecard — interactive app.
Aesthetic: confidential underwriting file (ivory stock, evergreen ink,
brass rules, mono ledger type). */
const { useState, useEffect, useMemo, useRef } = React;
const { SECTIONS, TIERS, tierFor, TOTAL, ITEM_COUNT } = window.SCORECARD;
const STORE_KEY = "aeg_scorecard_v1";
/* ====================================================================
CONFIG — edit these. This is the only block you should need to touch.
==================================================================== */
const CONFIG = {
handle: "nickjayala", // Instagram handle (no @)
bookingUrl: "https://services.raiseoscrm.com/widget/booking/0uRP1yoRTgEbCkCsT1Ch", // 30-min deal breakdown calendar
programUrl: "https://nickjayala.com/room", // low-score destination
programPrice: "$10", // entry price shown on the button
amazonUrl: "https://a.co/d/0dX3u5FA", // Amazon listing for the book
bookTitle: "Capital Is the Game", // optional — leave "" to hide the printed title
callThreshold: 65, // score at/above this books the call; below routes to the program
// Lead capture: paste your GoHighLevel INBOUND WEBHOOK url here (Workflow > add
// trigger "Inbound Webhook" > copy the URL). Every gate submission POSTs the lead
// + score to it and creates/updates the contact. Leave "" to run in prototype mode.
webhookUrl: "https://services.leadconnectorhq.com/hooks/IOp0znVyDdc6nwhl7Gnj/webhook-trigger/47262745-d366-4623-86d8-bf5bccd6a86c",
};
/* ---- Tweaks ------------------------------------------------------------ */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"accent": ["#34A81F", "#247F17", "#EAF6E4"],
"paperTone": "ivory",
"showWeights": true
}/*EDITMODE-END*/;
const PAPER_TONES = {
ivory: { paper: "#F4F4EE", paper2: "#EAEAE2", surface: "#FFFFFF", line: "#E0E0D7", lineSoft: "#ECECE4" },
cool: { paper: "#F1F4F3", paper2: "#E7EBEA", surface: "#FFFFFF", line: "#DCE0DE", lineSoft: "#E9EDEB" },
warm: { paper: "#F6F3EC", paper2: "#ECE8DE", surface: "#FFFFFF", line: "#E4DFD3", lineSoft: "#F0ECE1" },
};
/* ---- helpers ----------------------------------------------------------- */
function useCountUp(target, run, dur = 1100) {
const [v, setV] = useState(0);
useEffect(() => {
if (!run) return;
if (window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches) { setV(target); return; }
let raf, start;
const tick = (t) => {
if (!start) start = t;
const p = Math.min(1, (t - start) / dur);
const eased = 1 - Math.pow(1 - p, 3);
setV(Math.round(target * eased));
if (p < 1) raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, [target, run, dur]);
return v;
}
const Arrow = () => → ;
/* ---- Wordmark + Masthead ---------------------------------------------- */
function Wordmark({ small }) {
return (
NICK AYALA
);
}
function Masthead({ meta = "CONFIDENTIAL" }) {
return (
);
}
/* dotted-leader row */
function LeaderRow({ left, right, strong }) {
return (
{left}
{right}
);
}
/* ---- Intro ------------------------------------------------------------- */
function Intro({ onBegin }) {
return (
File RR·100
Real Estate · Startups · Businesses
The Raise-ReadinessScorecard
This is the same hundred-point check I run on a deal before any investor sees it. Score yourself straight. The number tells you what an investor decides about you in the first ten minutes, while you still have time to do something about it.
{/* spec ledger replaces the stat row */}
{/* hanging note replaces the boxed callout */}
Note to file
Only check what you could defend out loud right now. If you couldn’t back it up in a real conversation, it’s a no, not a yes. Be hard on yourself here so the market doesn’t have to be.
);
}
/* ---- Check row --------------------------------------------------------- */
function CheckRow({ item, id, checked, onToggle, showWeights, idx }) {
return (
onToggle(id)}
aria-pressed={checked}
style={{
textAlign: "left", width: "100%", background: checked ? "var(--accent-tint)" : "var(--surface)",
border: "1px solid " + (checked ? "var(--accent)" : "var(--line-soft)"),
borderRadius: 0, padding: "15px 15px 15px 14px", display: "flex", gap: 13, alignItems: "flex-start",
transition: "border-color .16s ease, background .16s ease",
animationDelay: (idx * 45) + "ms",
}}
>
{checked && (
)}
{item.t}
{showWeights && (
{String(item.p).padStart(2, "0")}
)}
{item.d}
);
}
/* ---- Assessment -------------------------------------------------------- */
function Assessment({ secIdx, setSecIdx, checked, onToggle, showWeights, onComplete, onBack }) {
const sec = SECTIONS[secIdx];
const topRef = useRef(null);
useEffect(() => { if (topRef.current) topRef.current.scrollTop = 0; window.scrollTo(0, 0); }, [secIdx]);
const inSection = sec.items.filter((_, i) => checked[sec.id + "-" + i]).length;
const last = secIdx === SECTIONS.length - 1;
return (
{/* segmented progress */}
{SECTIONS.map((s, i) => (
))}
{sec.roman}
{sec.title}
{sec.framing}
{/* persistent honesty directive — on every section */}
Read this · Important
Only check what you could defend out loud right now. If you couldn’t back it up in a real conversation, it’s a no, not a yes. Be hard on yourself here so the market doesn’t have to be.
{sec.items.map((item, i) => (
{String(inSection).padStart(2, "0")} / {String(sec.items.length).padStart(2, "0")} checked · max {sec.max} pts
setSecIdx(secIdx + 1)}>
{last ? "See my score" : "Continue"}
setSecIdx(secIdx - 1)}>
← {secIdx === 0 ? "Back to start" : "Previous section"}
);
}
/* ---- Email gate -------------------------------------------------------- */
function Gate({ lead, setLead, onSubmit, sending, onBack }) {
const emailOk = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(lead.email.trim());
const ready = lead.name.trim().length > 1 && emailOk && !sending;
return (
Score calculated
Where should I send the
I’ll send you the full breakdown: your tier, your weakest area, and the first thing I’d fix. Your score is on the next screen.
No spam. No list-swapping. Your answers stay between us.
Before you submit
This only works if every box was honest. A score you inflated wastes your time and mine, and tells you nothing you can actually use. Check only what you can defend out loud.
← Back to the last section
);
}
/* ---- Result pieces ----------------------------------------------------- */
const TIER_ON_DARK = { ready: "#BFE8C8", close: "#EAD2A0", notyet: "#ECAE84", stop: "#EC9A8E" };
function ScoreHero({ score, tier }) {
const display = useCountUp(score, true, 1200);
const tl = TIER_ON_DARK[tier.tone] || "#EAD2A0";
return (
Findings · RR·100
{tier.label.toUpperCase()}
ASSESSED
{display}
/ 100
{[["stop", 45], ["notyet", 20], ["close", 20], ["ready", 15]].map(([t, w]) => (
{["0", "45", "65", "85", "100"].map((n) => (
{n}
))}
);
}
function statusOf(pct) {
if (pct >= 80) return { label: "Strong", col: "var(--accent)" };
if (pct >= 55) return { label: "Solid", col: "var(--brass)" };
return { label: "Needs work", col: "var(--notyet)" };
}
function SectionReport({ subtotals, checked }) {
return (
{SECTIONS.map((s, idx) => {
const got = subtotals[s.id];
const pct = Math.round((got / s.max) * 100);
const st = statusOf(pct);
const read = pct >= 80 ? s.reads.strong : pct >= 55 ? s.reads.solid : s.reads.thin;
const gaps = s.items.filter((_, i) => !checked[s.id + "-" + i]);
return (
{s.roman}
{s.title}
{String(got).padStart(2, "0")}/{s.max}
{st.label}
{read}
{gaps.length > 0 && (
What cost you points
{gaps.map((g, i) => (
×
{g.t}
))}
)}
);
})}
★ #1 New Release · Private Equity
The new book from best-selling author Nick Ayala
Capital Is the Game
Raising capital without it is raising blind. The 12 laws that quietly decide who gets funded and who gets passed, from the advisor who has raised and advised over $1B. Read it before your next conversation.
Get your copy on Amazon →
);
}
function CredentialStrip() {
return (
Nick Ayala
Series 65 & 63 licensed advisor · $1B+ raised & advised
);
}
function NextMove({ qualifies }) {
if (qualifies) {
return (
By your score, you qualify
You’ve earned a call with me.
This is a free 30-minute video call, one on one with me, Nick. Not a pitch and not a sales call. Your score says you have a live, fundable deal, so we get on and I pressure-test where your raise is soft before an investor does it for you.
Book your call · pick a time
Free · 30 minutes · live video, one on one
Calendar not loading? Open it here
Questions first? DM @{CONFIG.handle}
);
}
return (
Recommended next step
Get deal-ready first.
Your deal isn’t ready to raise yet. That’s fixable, and it’s not the end of the road. The Come Up is where you start: the community and framework that gets your business tight enough to score in the green.
Start with The Come Up
Get to the green, and the next step is a free 30-minute call with me.
);
}
function Result({ score, subtotals, checked, lead, sent, onRestart }) {
const tier = tierFor(score);
const qualifies = score >= CONFIG.callThreshold;
const topRef = useRef(null);
useEffect(() => { window.scrollTo(0, 0); if (topRef.current) topRef.current.scrollTop = 0; }, []);
const weakest = useMemo(() => {
return [...SECTIONS]
.map((s) => ({ s, pct: subtotals[s.id] / s.max }))
.sort((a, b) => a.pct - b.pct || b.s.max - a.s.max)[0].s;
}, [subtotals]);
const firstName = (lead.name || "").trim().split(" ")[0] || "Operator";
return (
{/* score hero — dark, high-contrast */}
{sent && lead.email && (
✓
Full breakdown sent to {lead.email}
)}
{tier.verdict}
{firstName}, {tier.body}
{/* routed CTA — top priority, above the detail */}
{/* book — surfaced high, right under the CTA */}
{/* breakdown */}
Your section-by-section read
{/* fix first */}
Fix this first
{weakest.roman}. {weakest.title}
{weakest.fixFirst}
Retake the scorecard
);
}
function Disclaimer() {
return (
Educational tool only. This scorecard is general education and does not constitute investment, legal, tax, or financial advice, an offer or solicitation of any security, or a recommendation to buy, sell, or hold any investment. Nick Ayala is an Investment Adviser Representative; use of this tool does not create an advisory, brokerage, or fiduciary relationship, and nothing here promises or implies any funding, outcome, or result. Consult your own licensed attorney, CPA, and advisors before making capital decisions.
);
}
/* ---- lead submit ------------------------------------------------------- */
// Posts the lead + score to a GoHighLevel inbound webhook. Sends real JSON so GHL
// parses the fields for mapping; falls back to a no-cors text post if CORS blocks it.
async function submitLead(payload) {
if (!CONFIG.webhookUrl) return { ok: true, mode: "prototype" };
const body = JSON.stringify(payload);
try {
await fetch(CONFIG.webhookUrl, {
method: "POST",
headers: { "Content-Type": "application/json" },
body,
keepalive: true,
});
return { ok: true };
} catch (e) {
try {
await fetch(CONFIG.webhookUrl, {
method: "POST",
mode: "no-cors",
headers: { "Content-Type": "text/plain;charset=utf-8" },
body,
keepalive: true,
});
return { ok: true, mode: "nocors" };
} catch (e2) {
return { ok: false, error: String(e2) };
}
}
}
/* ---- Root -------------------------------------------------------------- */
function App() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
const [screen, setScreen] = useState("intro"); // intro | assess | gate | result
const [secIdx, setSecIdx] = useState(0);
const [checked, setChecked] = useState({});
const [lead, setLead] = useState({ name: "", email: "", phone: "" });
const [sending, setSending] = useState(false);
const [sent, setSent] = useState(false);
// restore
useEffect(() => {
try {
const raw = localStorage.getItem(STORE_KEY);
if (raw) {
const s = JSON.parse(raw);
if (s.checked) setChecked(s.checked);
if (s.lead) setLead(s.lead);
if (s.sent) setSent(s.sent);
// Always open on the cover (intro); don't auto-resume mid-flow.
}
} catch (e) {}
}, []);
useEffect(() => {
try { localStorage.setItem(STORE_KEY, JSON.stringify({ checked, lead, screen, secIdx, sent })); } catch (e) {}
}, [checked, lead, screen, secIdx, sent]);
// apply tweaks
useEffect(() => {
const r = document.documentElement;
const [a1, a2] = t.accent;
r.style.setProperty("--accent", a1);
r.style.setProperty("--accent-deep", a2);
r.style.setProperty("--ready", a1);
const tone = PAPER_TONES[t.paperTone] || PAPER_TONES.ivory;
r.style.setProperty("--paper", tone.paper);
r.style.setProperty("--paper-2", tone.paper2);
r.style.setProperty("--surface", tone.surface);
r.style.setProperty("--line", tone.line);
r.style.setProperty("--line-soft", tone.lineSoft);
}, [t.accent, t.paperTone]);
const subtotals = useMemo(() => {
const out = {};
SECTIONS.forEach((s) => {
out[s.id] = s.items.reduce((n, it, i) => n + (checked[s.id + "-" + i] ? it.p : 0), 0);
});
return out;
}, [checked]);
const score = useMemo(() => Object.values(subtotals).reduce((a, b) => a + b, 0), [subtotals]);
const onToggle = (id) => setChecked((c) => ({ ...c, [id]: !c[id] }));
const handleSubmit = async () => {
setSending(true);
const tier = tierFor(score);
const weakest = [...SECTIONS]
.map((s) => ({ s, pct: subtotals[s.id] / s.max }))
.sort((a, b) => a.pct - b.pct || b.s.max - a.s.max)[0].s;
const firstName = (lead.name || "").trim().split(" ")[0];
const payload = {
firstName,
name: lead.name,
email: lead.email,
phone: lead.phone,
source: "Raise-Readiness Scorecard",
score,
scoreOutOf: 100,
tier: tier.label,
qualifiesForCall: score >= CONFIG.callThreshold,
weakestSection: weakest.title,
sectionScores: SECTIONS.map((s) => s.title + ": " + subtotals[s.id] + "/" + s.max).join(" | "),
submittedAt: new Date().toISOString(),
};
await submitLead(payload);
setSending(false);
setSent(true);
setScreen("result");
};
const restart = () => {
setChecked({}); setLead({ name: "", email: "", phone: "" }); setSecIdx(0); setSent(false); setScreen("intro");
try { localStorage.removeItem(STORE_KEY); } catch (e) {}
};
return (
{screen === "intro" &&
{ setSecIdx(0); setScreen("assess"); }} />}
{screen === "assess" && (
setScreen("gate")}
onBack={() => setScreen("intro")}
/>
)}
{screen === "gate" && (
{ setSecIdx(SECTIONS.length - 1); setScreen("assess"); }} />
)}
{screen === "result" && (
setTweak("accent", v)}
/>
setTweak("paperTone", v)} />
setTweak("showWeights", v)} />