/**
 * rPast landing — chronicle-of-self viewer.
 */
export function renderLanding(): string {
	return `
<div class="rl-hero">
	<span class="rl-tagline">rPast</span>
	<h1 class="rl-heading">Every creation, on one timeline.</h1>
	<p class="rl-subtitle">
		Your notes, events, tasks, votes, photos, files, trips, messages — all dated records from every rApp, unified in a single chronicle-of-self you can browse, filter, and share.
	</p>
	<p class="rl-subtext">
		rPast reads the canonical state of every rApp in your space and projects it onto a markwhen timeline. Zero extra storage, zero drift: the chronicle is always a live projection of what you've actually made.
	</p>
</div>

<section class="rl-section">
	<div class="rl-container">
		<rpast-viewer id="rpast-main" style="height: 70vh; display:block;"></rpast-viewer>
	</div>
</section>

<script type="module" src="/modules/rpast/rpast-viewer.js?v=1"></script>
<script type="module">
	const el = document.getElementById('rpast-main');
	const space = (location.hostname.split('.')[0]) || 'demo';
	el.setAttribute('space', space);
</script>
`;
}