/* ============================================================ COURSEDY — Landing page ============================================================ */ /* ---------- Top nav ---------- */ function Nav({ go }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const el = document.querySelector('[data-landing-scroll]'); if (!el) return; const fn = () => setScrolled(el.scrollTop > 12); el.addEventListener('scroll', fn); return () => el.removeEventListener('scroll', fn); }, []); const links = [ { label: 'Features', id: 'features' }, { label: 'How it works', id: 'how-it-works' }, { label: 'Pricing', id: 'pricing' }, { label: 'FAQ', id: 'faq' }, ]; const scrollTo = (id) => { const sc = document.querySelector('[data-landing-scroll]'); const target = document.getElementById(id); if (!sc || !target) return; const top = target.getBoundingClientRect().top - sc.getBoundingClientRect().top + sc.scrollTop - 70; sc.scrollTo({ top, behavior: 'smooth' }); }; return (
go('landing')} />
go('signin')}>Sign in go('signup')} iconR={}>Start free
); } /* ---------- Hero animated demo ---------- */ const DEMO_OUTLINE = [ { m: 'Foundations of Watercolor', ls: ['Materials & your first wash', 'Color mixing on paper', 'Water control basics'] }, { m: 'Techniques That Matter', ls: ['Wet-on-wet vs wet-on-dry', 'Layering & glazing', 'Lifting and corrections'] }, { m: 'Painting Real Subjects', ls: ['Skies & loose landscapes', 'Botanicals step by step'] }, { m: 'Finishing & Sharing', ls: ['Framing your work', 'Building a small portfolio'] }, ]; function HeroDemo() { const [phase, setPhase] = useState('typing'); // typing -> thinking -> building -> done const [typed, setTyped] = useState(''); const [built, setBuilt] = useState(0); const topic = 'Intro to Watercolor Painting'; useEffect(() => { let t = []; let alive = true; const run = () => { setPhase('typing'); setTyped(''); setBuilt(0); // type [...topic].forEach((_, i) => t.push(setTimeout(() => alive && setTyped(topic.slice(0, i + 1)), 380 + i * 42))); const typedDone = 380 + topic.length * 42 + 250; t.push(setTimeout(() => alive && setPhase('thinking'), typedDone)); t.push(setTimeout(() => alive && setPhase('building'), typedDone + 1100)); DEMO_OUTLINE.forEach((_, i) => t.push(setTimeout(() => alive && setBuilt(i + 1), typedDone + 1100 + 520 + i * 620))); const total = typedDone + 1100 + 520 + DEMO_OUTLINE.length * 620 + 2600; t.push(setTimeout(() => alive && run(), total)); }; run(); return () => { alive = false; t.forEach(clearTimeout); }; }, []); return (
{/* window chrome */}
{['#E5675F','#E9B23C','#46B962'].map(c => )}
coursedy.com / create
{/* left: prompt panel */}
Course brief
What do you want to teach?
{typed}{phase === 'typing' && }
Audience · Beginners Depth · 4 modules
{/* right: streaming outline */}
Live outline {phase === 'building' && writing}
{phase === 'thinking' ? (
Designing curriculum…
{[88,72,80,64].map((w,i) =>
)}
) : phase === 'typing' ? (
Your course will appear here
) : (
{DEMO_OUTLINE.slice(0, built).map((mod, i) => (
{i+1} {mod.m}
{mod.ls.map((l, j) => (
{l}
))}
))} {built >= DEMO_OUTLINE.length && (
Course ready · 4 modules · 10 lessons
)}
)}
); } /* ---------- Hero ---------- */ function Hero({ go }) { return (
NEW Agentic AI chat · WYSIWYG editor · 8 export formats

From a single idea to a complete course — in minutes.

Coursedy turns any topic into a finished course — modules, written lessons, quizzes, and slide notes — then lets you refine every word inline or via AI chat. Export to DOCX, PDF, SCORM, ePub, and more.

go('signup')} iconR={}>Start free — no card go('creator')} icon={}>See it generate
Free course on signup SCORM 1.2 + ePub + DOCX No credit card
); } /* ---------- Trust bar ---------- */ function TrustBar() { const logos = ['Teachable', 'Kajabi', 'Gumroad', 'Thinkific', 'Podia', 'Skool']; return (

Exports straight into the tools you already use

{logos.map(l => {l})}
); } /* ---------- How it works ---------- */ function HowItWorks() { return (
{STEPS.map((s, i) => (
{s.n}

{s.title}

{s.body}

{i < 2 &&
}
))}
); } /* ---------- Features grid ---------- */ function Features() { return (
{FEATURES.map((f, i) => { const Icon = ICON_BY_NAME(f.icon); return (
e.currentTarget.style.background = 'var(--surface-2)'} onMouseLeave={e => e.currentTarget.style.background = 'var(--surface)'}>

{f.title}

{f.body}

); })}
); } /* ---------- Audiences ---------- */ const AUD = [ { id: 'creator', label: 'Creators', icon: 'Star', head: 'Sell courses, not weekends', body: 'Draft a full paid course in an afternoon instead of a month. Export to DOCX, PDF, SCORM, or ePub and spend your time teaching — not formatting.', points: ['DOCX, PDF, SCORM, ePub exports', 'Built-in quizzes & slide notes', 'WYSIWYG + inline editing'] }, { id: 'teams', label: 'Companies', icon: 'Briefcase', head: 'Training, on demand', body: 'Turn an internal brief into onboarding or compliance training before the meeting ends. SCORM 1.2 packages drop straight into your LMS.', points: ['SCORM 1.2 LMS-ready exports', 'Edit history audit trail', 'Quiz CSV for compliance tracking'] }, { id: 'schools', label: 'Educators', icon: 'Book', head: 'Curriculum in a click', body: 'Scaffold lesson plans, assessments, and study guides aligned to your objectives — then refine with your classroom voice using inline editing or AI chat.', points: ['Objective-aligned modules', 'Auto quizzes with explanations', 'Drag-drop reordering & previews'] }, ]; function Audiences() { const [tab, setTab] = useState('creator'); const a = AUD.find(x => x.id === tab); const Icon = ICON_BY_NAME(a.icon); return (
{AUD.map(x => )}

{a.head}

{a.body}

{a.points.map(p =>
{p}
)}
); } function AudiencePreview({ aud }) { // a small contextual mock per audience const items = { creator: COURSES.slice(3, 6), teams: COURSES.slice(1, 4), schools: COURSES.slice(5, 8), }[aud] || COURSES.slice(0, 3); return (
{items.map((c, i) => (
{c.title}
{c.modules.length} modules · {c.hours}h
))}
); } /* ---------- Testimonials ---------- */ function Testimonials() { return (
{TESTIMONIALS.map((t, i) => (

{t.quote}

{t.name}
{t.role}
))}
); } /* ---------- Pricing ---------- */ function Pricing({ go }) { return (
{PRICING.map(p => (
{p.highlight && MOST POPULAR}
{p.name}
{p.tagline}
${p.price} {p.period}
go('signup')} style={{ marginTop: 22 }}>{p.cta}
{p.feats.map(f => (
{f}
))}
))}
); } /* ---------- FAQ ---------- */ function FAQ() { const [open, setOpen] = useState(0); return (
{FAQS.map((f, i) => (
setOpen(open === i ? -1 : i)}>
{f.q}
{open === i &&
{f.a}
}
))}
); } /* ---------- Final CTA ---------- */ function FinalCTA({ go }) { return (

Ready to build your first course?

Start your free trial today. Your first course is two minutes away.

go('signup')} iconR={}>Start free go('signin')} style={{ color: '#fff', background: 'rgba(255,255,255,.1)' }}>I have an account
); } /* ---------- Footer ---------- */ function Footer({ go }) { const cols = [ { h: 'Product', links: ['Features', 'Pricing', 'My library', 'Changelog'] }, { h: 'Company', links: ['About', 'Blog', 'Careers', 'Contact'] }, { h: 'Resources', links: ['Help center', 'FAQ', 'Community', 'Status'] }, { h: 'Legal', links: ['Privacy', 'Terms', 'Compliance', 'Security'] }, ]; return ( ); } /* ---------- Landing root ---------- */ function Landing({ go }) { return (
); } Object.assign(window, { Landing });