/* eslint-disable */
// Nav + Hero. Redesigned 2026-09 per direct feedback on the previous version:
// "only matter and images ... small cute animations if needed." Gone: the
// fake live-editing dashboard, drifting gradient blobs, a kanban board of
// named companies. What is here: the headline, one accurate picture of what
// the product actually produces (MiniResume — a real small rendering of the
// Modern template, not a screenshot, not a mockup of a mockup), and a single
// small motion touch (the card straightens 1.5deg on hover).
const { useState, useEffect } = React;
function NavBar() {
const [scrolled, setScrolled] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 20);
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
const links = [
["Build", "#build"], ["Apply", "#apply"], ["Tools", "#tools"], ["Interview", "#interview"], ["Pricing", "#pricing"],
];
return (
);
}
// ───────────────────────────────────────────────────────────────────────────────
// MiniResume — a genuine small rendering of what the product outputs, built
// from the same knobs the real template system uses (header style, accent,
// serif vs sans, heading rule). Not a screenshot (nothing to keep in sync,
// scales crisply at any size) and not invented chrome — every proportion and
// color here matches an actual shipped template. Shared by the hero and the
// "19 templates" section below.
function MiniResume({
name = "Priya Raman",
headline = "Senior Backend Engineer",
accent = "#5E5CE6",
header = "band", // band | rule | centered | plain
serif = false,
bullets = ["Rebuilt the ingestion pipeline; p99 latency down 40%.", "Cut cloud spend 22% by right-sizing workers."],
skills = ["Go", "Python", "PostgreSQL", "Kubernetes"],
width = 320,
scale = 1,
}) {
const font = serif ? "Georgia, 'Times New Roman', serif" : "Inter, system-ui, sans-serif";
const centered = header === "centered";
const headerBand = header === "band";
return (
{name}
{headline}
priya@example.com · Seattle, WA · linkedin.com/in/priyaraman
SUMMARY
Backend engineer with six years building high-throughput services in Go and Python.
EXPERIENCE
Senior Backend Engineer · Northwind Systems2022 — Now
{bullets.map((b, i) => (
•{b}
))}
SKILLS
{skills.join(" · ")}
);
}
// ───────────────────────────────────────────────────────────────────────────────
function Hero() {
return (
{LI.sparkle} CLAUDE-POWERED
Build the résumé. Find the job. Rehearse the interview.
One place for the whole job search: write and tailor your résumé, search ten job boards at once,
check your fit against a posting, and practice out loud before the real call.
{/* One real image: the actual Modern template, at hero size. The
only motion here is a gentle straighten on hover — the card sits
at a slight tilt and pulls level, like picking up a printed page. */}