/**
 * rNotes module landing page — vault browser for Obsidian & Logseq.
 */
export function renderLanding(): string {
	return `
<!-- Hero -->
<div class="rl-hero">
  <span class="rl-tagline">rNotes</span>
  <h1 class="rl-heading" style="background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;background-clip:text">Your vaults, synced and browsable.</h1>
  <p class="rl-subtitle" style="background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;background-clip:text">Obsidian &amp; Logseq Vault Sync</p>
  <p class="rl-subtext">
    Upload your Obsidian or Logseq vault, browse files, search across notes,
    and visualize wikilink graphs &mdash; all from your rSpace.
  </p>
  <div class="rl-cta-row">
    <a href="https://demo.rspace.online/rnotes" class="rl-cta-primary" id="ml-primary">Open Vault Browser</a>
    <a href="#features" class="rl-cta-secondary">Features</a>
  </div>
</div>

<!-- Features -->
<section class="rl-section" id="features">
  <div class="rl-container">
    <h2 class="rl-heading" style="text-align:center">What rNotes Does</h2>
    <div class="rl-grid-3">
      <div class="rl-card rl-card--center">
        <div class="rl-icon-box">&#128193;</div>
        <h3>Vault Upload</h3>
        <p>Upload your Obsidian or Logseq vault as a ZIP. Metadata is indexed &mdash; titles, tags, frontmatter, and wikilinks.</p>
      </div>
      <div class="rl-card rl-card--center">
        <div class="rl-icon-box">&#128270;</div>
        <h3>Search &amp; Browse</h3>
        <p>Full file tree with folder grouping, search by title or tags, and read-only markdown preview.</p>
      </div>
      <div class="rl-card rl-card--center">
        <div class="rl-icon-box">&#128279;</div>
        <h3>Wikilink Graph</h3>
        <p>Visualize how your notes connect via wikilinks. See the knowledge graph of your vault at a glance.</p>
      </div>
    </div>
  </div>
</section>

<!-- Supported Sources -->
<section class="rl-section rl-section--alt">
  <div class="rl-container">
    <h2 class="rl-heading" style="text-align:center">Supported Vault Sources</h2>
    <div class="rl-grid-2" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:700px;margin:2rem auto">
      <div class="rl-card rl-card--center">
        <div class="rl-icon-box" style="color:#a78bfa">&#9670;</div>
        <h3>Obsidian</h3>
        <p>ZIP your vault folder and upload. Frontmatter, tags, and wikilinks are fully parsed.</p>
      </div>
      <div class="rl-card rl-card--center">
        <div class="rl-icon-box" style="color:#60a5fa">&#9679;</div>
        <h3>Logseq</h3>
        <p>Export your Logseq graph as a ZIP. Outliner structure, properties, and page links are preserved.</p>
      </div>
    </div>
  </div>
</section>

<!-- How It Works -->
<section class="rl-section">
  <div class="rl-container">
    <h2 class="rl-heading" style="text-align:center">How It Works</h2>
    <div class="rl-grid-3">
      <div class="rl-step">
        <div class="rl-step__num">1</div>
        <h3>Upload</h3>
        <p>ZIP your vault folder and upload it to rNotes. The file stays on the server, only metadata is indexed.</p>
      </div>
      <div class="rl-step">
        <div class="rl-step__num">2</div>
        <h3>Browse</h3>
        <p>Explore your vault's file tree, search notes, and preview markdown content &mdash; all read-only.</p>
      </div>
      <div class="rl-step">
        <div class="rl-step__num">3</div>
        <h3>Connect</h3>
        <p>View wikilink graphs, follow backlinks, and discover connections across your knowledge base.</p>
      </div>
    </div>
  </div>
</section>

<!-- Looking for the Editor? -->
<section class="rl-section rl-section--alt">
  <div class="rl-container" style="text-align:center">
    <h2 class="rl-heading">Looking for the Rich Editor?</h2>
    <p class="rl-subtext">
      The full TipTap editor with notebooks, voice transcription, AI summarization,
      and import from 6 sources has moved to <strong>rDocs</strong>.
    </p>
    <div class="rl-cta-row">
      <a href="/rdocs" class="rl-cta-primary">Open rDocs</a>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="rl-section">
  <div class="rl-container" style="text-align:center">
    <h2 class="rl-heading">Sync Your Vault</h2>
    <p class="rl-subtext">Upload your Obsidian or Logseq vault to get started.</p>
    <div class="rl-cta-row">
      <a href="https://demo.rspace.online/rnotes" class="rl-cta-primary">Open Vault Browser</a>
      <a href="/create-space" class="rl-cta-secondary">Create a Space</a>
    </div>
  </div>
</section>

<div class="rl-back">
  <a href="/">&larr; Back to rSpace</a>
</div>
`;
}
