// Sections for the RLC site (matching the original site's structure): // About, Services, Experience (case studies), Expertise, Impact, Contact const { useEffect, useRef, useState } = React; // ───────────────────────────────────────────── Reveal-on-scroll function useReveal() { const ref = useRef(null); const [visible, setVisible] = useState(false); useEffect(() => { const el = ref.current; if (!el) return; const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setVisible(true); obs.disconnect(); } }, { threshold: 0.15, rootMargin: "0px 0px -10% 0px" }); obs.observe(el); return () => obs.disconnect(); }, []); return [ref, visible]; } function Reveal({ children, delay = 0, motion = "medium", as: Tag = "div", style = {}, className }) { const [ref, visible] = useReveal(); const enabled = motion !== "subtle" || true; // always on; intensity differs in transform const distance = motion === "rich" ? 32 : motion === "medium" ? 20 : 12; const dur = motion === "rich" ? 900 : motion === "medium" ? 700 : 500; return ( {children} ); } // ───────────────────────────────────────────── Eyebrow function Eyebrow({ children, color = "#0F8C6E" }) { return (
{children}
); } // ───────────────────────────────────────────── Counter (counts up on view) function Counter({ to, prefix = "", suffix = "", duration = 1600, motion = "medium" }) { const [ref, visible] = useReveal(); const [val, setVal] = useState(0); useEffect(() => { if (!visible) return; if (motion === "subtle") { setVal(to); return; } const start = performance.now(); let raf; const tick = (now) => { const t = Math.min(1, (now - start) / duration); const eased = 1 - Math.pow(1 - t, 3); setVal(to * eased); if (t < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [visible, to, duration, motion]); const display = to >= 1000000 ? `${(val / 1000000).toFixed(val < to ? 1 : 0)}M` : to >= 1000 ? Math.round(val).toLocaleString() : Math.round(val).toString(); return {prefix}{display}{suffix}; } // ───────────────────────────────────────────── About function AboutSection({ density, motion }) { const pad = density === "compact" ? "80px 0" : density === "comfy" ? "160px 0" : "120px 0"; return (
About

A senior advisor who has been in the room.

Rey López-Calderón, J.D., is the principal of RLC Development Solutions. For more than 25 years he has built, rebuilt, and grown nonprofits across the United States — reversing deficits, designing fundraising infrastructure, and coaching boards and executives through transitions.

His specialty is civic, charitable, and nonpartisan advocacy organizations. He has led national campaigns, founded several organizations from the ground up, and stewarded portfolios of six-figure donors and 100,000+ member bases.

EDUCATION
A.B., J.D., University of Chicago, DePaul College of Law
BASED IN
San Diego, CA · Serving nationally
); } // ───────────────────────────────────────────── Services const SERVICES = [ { n: "01", title: "Fundraising Infrastructure", body: "CRM selection, gift processing, donor pipelines, and the operational backbone that turns one-time gifts into sustained revenue. We diagnose what's broken and rebuild it.", icon: "infra", }, { n: "02", title: "Major Gifts Strategy", body: "Portfolio design, moves management, and direct coaching for executives meeting six- and seven-figure prospects. From discovery to close.", icon: "gifts", }, { n: "03", title: "Strategic Planning", body: "Multi-year fundraising plans grounded in your theory of change. We facilitate boards and senior staff through priorities, capacity, and a real path to scale.", icon: "strategy", }, { n: "04", title: "Leadership & Transitions", body: "Executive director searches, board restructuring, and interim development leadership during moments when the wrong hire could set you back two years.", icon: "leadership", }, { n: "05", title: "Advocacy Counsel", body: "Specialized fundraising counsel for nonpartisan civic, democracy, and advocacy organizations — with a working knowledge of 501(c)(3) and (c)(4) coordination.", icon: "advocacy", }, { n: "06", title: "Deficit Recovery", body: "When the budget breaks. Rapid assessment, donor outreach, expense rationalization, and a 90-day plan to stabilize and a 12-month plan to grow.", icon: "recovery", }, ]; function ServiceIcon({ kind, color = "#0099ff" }) { const common = { width: 28, height: 28, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: 1.6, strokeLinecap: "square", strokeLinejoin: "miter" }; if (kind === "infra") return ; if (kind === "gifts") return ; if (kind === "strategy") return ; if (kind === "leadership") return ; if (kind === "advocacy") return ; if (kind === "recovery") return ; return null; } function ServicesSection({ density, motion, tealAccent }) { const pad = density === "compact" ? "80px 0" : density === "comfy" ? "160px 0" : "120px 0"; return (
What we do

Six things,
done well.

Engagements range from short diagnostics to multi-year retainers. We build it with you — and stay until it works.

{SERVICES.map((s, i) => (
{s.n}

{s.title}

{s.body}

))}
); } // ───────────────────────────────────────────── Experience / Case Studies const CASES = [ { org: "Cal RCV", tag: "Fundraising & Strategy Consulting", body: "Developed a comprehensive, multi-year fundraising plan for the California Ranked-Choice Voting Institute, and supported board restructuring and executive director recruitment — helping position the organization for its next phase of growth.", metric: "Multi-year", metricLabel: "Fundraising plan", }, { org: "More Equitable Democracy", tag: "2020–2025", body: "Grew More Equitable Democracy's annual budget from $300,000 to over $6 million through strategic fundraising counsel and donor development.", metric: "20×", metricLabel: "Budget growth", }, { org: "Common Cause", tag: "National VP for Development", body: "Inherited a $2 million structural deficit upon taking over the Development Department. Reengineered fundraising operations, donor pipelines, and major-gift strategy — exiting the role with a $16 million surplus, while managing a portfolio of 150+ mid-level through six-figure donors and stewarding a membership base exceeding 100,000 supporters.", metric: "$16M", metricLabel: "Surplus (from $2M deficit)", }, { org: "Alliance of the Southeast · Common Cause Illinois", tag: "Founder & Director", body: "Founded and led two organizations — Alliance of the Southeast in Chicago and Common Cause Illinois (reestablished) — staffing, fundraising, and building them into fully operational civic institutions.", metric: "2", metricLabel: "Organizations built", }, ]; function ExperienceSection({ density, motion }) { const pad = density === "compact" ? "80px 0" : density === "comfy" ? "160px 0" : "120px 0"; return (
Selected engagements

Real organizations.
Real numbers.

{CASES.map((c, i) => (
0{i + 1} / 0{CASES.length}
{c.org}
{c.tag}

{c.body}

{c.metric}
{c.metricLabel}
 ))}
); } // ───────────────────────────────────────────── Expertise (skills) const EXPERTISE = [ "Fundraising Infrastructure", "Major Gifts", "Monthly Sustainer Campaigns", "Board Development", "Executive Search", "Strategic Planning", "Direct Marketing", "Grant Strategy", "501(c)(3)/(c)(4) Coordination", "Coalition Building", "Planned Giving", "Deficit Turnaround", ]; function ExpertiseSection({ density, motion }) { const pad = density === "compact" ? "80px 0" : density === "comfy" ? "160px 0" : "120px 0"; return (
Expertise

The full stack of nonprofit development.

{EXPERTISE.map((e, i) => (
{String(i + 1).padStart(2, "0")} {e}
))}
); } // ───────────────────────────────────────────── Impact function ImpactSection({ density, motion }) { const pad = density === "compact" ? "80px 0" : density === "comfy" ? "160px 0" : "120px 0"; const stats = [ { value: 25, suffix: "+", label: "Years building nonprofits" }, { value: 6, prefix: "$", suffix: "M+", label: "Annual budget grown for one client" }, { value: 16, prefix: "$", suffix: "M", label: "Surplus rebuilt from a $2M deficit" }, { value: 150, suffix: "+", label: "Major-gift portfolio managed" }, ]; return (
By the numbers

What 25 years of doing the work actually adds up to.

{stats.map((s, i) => (
{s.label}
 ))}
); } // ───────────────────────────────────────────── Contact function ContactSection({ density, motion }) { const pad = density === "compact" ? "80px 0" : density === "comfy" ? "160px 0" : "120px 0"; const [submitted, setSubmitted] = useState(false); const [submitting, setSubmitting] = useState(false); const [error, setError] = useState(false); const formRef = useRef(null); async function handleSubmit(e) { e.preventDefault(); if (submitting || submitted) return; setError(false); setSubmitting(true); const form = e.currentTarget; const data = new FormData(form); try { const res = await fetch("https://formspree.io/f/xlgalrwk", { method: "POST", headers: { "Accept": "application/json" }, body: data, }); if (res.ok) { setSubmitted(true); form.reset(); } else { setError(true); } } catch { setError(true); } finally { setSubmitting(false); } } return (
{/* Ghost mark in background */}
Let's talk

Ready to grow your mission?

Tell me about the organization and where you're stuck. Most engagements start with a 45-minute call — no pitch deck, no charge.

rey@rlcdevelopment.com (619) 786-4838 LinkedIn →
{error && (
Something went wrong. Email rey@rlcdevelopment.com directly.
)}
); } function FormField({ label, name, type = "text", textarea }) { const [focused, setFocused] = useState(false); const [value, setValue] = useState(""); const Tag = textarea ? "textarea" : "input"; return ( ); } // ───────────────────────────────────────────── Footer function Footer() { return ( ); } Object.assign(window, { Reveal, Eyebrow, Counter, AboutSection, ServicesSection, ExperienceSection, ExpertiseSection, ImpactSection, ContactSection, Footer, });