{/* FIX #1: responsive class for 2→1 col on mobile */}
See the whole
org. Then make it yours.
{/* FIX #8: "org chart software" woven into copy */}
The org chart software that says please and thank you. Upload a roster,
customize every card, and ship a chart your CEO will actually pin to the wall — in about three minutes.
{/* FIX #2 + FIX #4: single CTA wired to modal, demo button removed */}
);
}
/* ─────────────────────────── LOGO CLOUD ─────────────────────────── */
function LogoCloud() {
return (
Trusted by people teams everywhere
"Finally, an org chart we don't apologize for."
);
}
/* ─────────────────────────── HOW IT WORKS ─────────────────────────── */
function HowItWorks() {
const steps = [
{ n: "01", t: "Upload your roster", d: "Drag in a CSV or Excel file. We auto-detect names, titles, managers, and emails — even when the column headers are creative.", icon: , file: "team_roster_v3_FINAL_actually.xlsx" },
{ n: "02", t: "Customize every card", d: "Map any column to any field. Drag fields into the layout you want. Color-code by department, level, or location.", icon: , file: "Pick fields → drag to card" },
{ n: "03", t: "Share, embed, or print", d: "Send a live link, embed in Notion, or export a paginated PDF that prints on standard 8.5×11 with smart navigation badges.", icon: , file: "org-chart-2026.pdf · 14 pages" },
];
return (
How it works
Three steps. The third one is "go home early".
{/* FIX #1: responsive class */}
{steps.map((s, i) =>
{Number(s.n)}
Step {Number(s.n)}
{s.icon}
{s.t}
{s.d}
{s.file}
)}
);
}
/* ─────────────────────────── FEATURES ─────────────────────────── */
function Features() {
return (
Features
{/* FIX #1: responsive class */}
Everything you need. Nothing you'll never use.
We obsessed over the boring stuff so you don't have to. Pagination math. Zoom hysteresis. The exact green.
{/* FIX #1: responsive class */}
{/* Hero card anchors LEFT — natural reading flow */}
}>
{/* Two secondary cards stack on the right */}
} />
} />
{/* Equal halves on the bottom row */}
} />
} />
);
}
/* ─────────────────────────── USE CASES ─────────────────────────── */
function UseCases() {
const cases = [
{ i: , t: "People ops", who: "HR & People leaders", d: "Onboard faster, plan headcount, and answer 'who reports to whom?' before the Slack thread spirals." },
{ i: , t: "Founders & SMB", who: "10–50 person teams", d: "Make your first real org chart in an afternoon. Free up to 25 employees, forever." },
{ i: , t: "Mid-market scaleups", who: "200–1,000 people", d: "Custom fields, levels, departments, locations — all the slicing without the spreadsheet sprawl." },
];
return (
Who it's for
Built for everyone who's ever drawn an org chart in
PowerPoint at 11pm.
{/* FIX #1: responsive class */}
{cases.map((c) =>
{c.i}
{c.who}
{c.t}
{c.d}
)}
);
}
/* ─────────────────────────── SOCIAL PROOF ─────────────────────────── */
// FIX #3: Replaced placeholder testimonials with credible value-prop section
function SocialProof() {
const cards = [
{
icon: ,
t: "From spreadsheet to board deck in minutes",
d: "Upload any CSV or Excel file. OrgPlease! auto-detects names, titles, and reporting relationships — even when your column headers are 'creative'. Most teams are charting within 3 minutes of signup.",
},
{
icon: ,
t: "Charts people actually open twice",
d: "Beautiful enough for the boardroom. Functional enough for daily HR use. Export to paginated PDF, shareable web link, PNG, or SVG — all with one click, no designer required.",
},
{
icon: ,
t: "Priced like we want you to stay",
d: "Free forever for teams under 25. When you outgrow free, paid plans start at $19/mo with no per-seat surprises, no mandatory annual contract, and absolutely no procurement form required.",
},
];
return (
Why teams make the switch
The org chart software your whole team will actually use —{" "}
starting day one.
{tiers.map((t) => {
const price = annual ? t.annual : t.monthly;
return (
{t.featured &&
Most popular
}
{t.n}
${price}{annual && price > 0 ? "/yr" : "/mo"}
{annual && price > 0 &&
2 months free · save ${t.monthly * 2}
}
0 ? 4 : 14 }}>{t.users}
);
})}
);
}
/* ─────────────────────────── FAQ ─────────────────────────── */
function FAQ() {
const items = [
{ q: "Do I need a credit card to start?", a: "No. Free is genuinely free up to 25 employees and stays that way. We only ask for a card when you choose a paid plan." },
{ q: "What file formats can I upload?", a: "CSV, XLSX, and a paste-from-Google-Sheets shortcut. We auto-detect manager relationships from email IDs, names, or a manager column — whichever you've got." },
{ q: "How do you handle sensitive data?", a: "Row-level security at the database layer, SSO via SAML on Business, full audit log, and SOC 2 Type II in progress. Your data is yours; we never train on it." },
{ q: "Can I export the chart?", a: "Yes — paginated PDF, PNG, SVG, and a shareable web link. The PDF is genuinely beautiful; reception will keep it next to the snacks." },
{ q: "What about huge orgs?", a: "We've tested up to 5,000 rows on the Business plan. For larger, get in touch — we'll do an Enterprise pilot with custom seat pricing." },
{ q: "Why is it called OrgPlease!?", a: "Because every other tool made us say 'org chart, please.' We took the hint." },
];
const [open, setOpen] = React.useState(0);
return (
{/* FIX #1: responsive class */}
FAQ
Questions, politely answered.
Can't find yours? Contact us and a real human will reply within a business day.
{items.map((item, i) =>
{open === i &&
{item.a}
}
)}
);
}
/* ─────────────────────────── FINAL CTA ─────────────────────────── */
function FinalCTA({ onSignup }) {
return (
Ready when you are
Make your org chart say please.
Free up to 25 employees. Three minutes to your first chart. No credit card, no sales call, no procurement form.