/**
 * Files module landing page — rich content for rspace.online/rfiles
 */

export function renderLanding(): string {
	return `
  <!-- Hero -->
  <div class="rl-hero">
    <span class="rl-tagline">rFiles</span>
    <h1 class="rl-heading">Share Files, Your Way</h1>
    <p class="rl-subtext">
      Upload, organize, and share with public links and memory cards.
      Built for communities who want control over their shared files.
      (You)rFiles, your way.
    </p>
    <div class="rl-cta-row">
      <a href="https://demo.rspace.online/rfiles" class="rl-cta-primary" id="ml-primary">Start Sharing</a>
      <a href="/create-space" class="rl-cta-secondary">Create a Space</a>
    </div>
  </div>

  <!-- 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 Files</h3>
          <p>Drag and drop any file type. Images, documents, archives -- everything is welcome.</p>
        </div>
        <div class="rl-step">
          <div class="rl-step__num">2</div>
          <h3>Organize in Folders</h3>
          <p>Group files by project, topic, or team. Tag and search across your whole library.</p>
        </div>
        <div class="rl-step">
          <div class="rl-step__num">3</div>
          <h3>Share with Links</h3>
          <p>Generate public share links with optional expiration, download limits, and password protection.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Features -->
  <section class="rl-section rl-section--alt">
    <div class="rl-container">
      <h2 class="rl-heading" style="text-align:center;">Features</h2>
      <p class="rl-subtext" style="text-align:center;">
        Everything you need for community file management, without the surveillance.
      </p>
      <div class="rl-grid-4">
        <div class="rl-card rl-card--center">
          <div class="rl-icon-box">&#128279;</div>
          <h3>Public Share Links</h3>
          <p>Create expiring, password-protected, download-limited share links for any file.</p>
        </div>
        <div class="rl-card rl-card--center">
          <div class="rl-icon-box">&#128196;</div>
          <h3>Memory Cards</h3>
          <p>Attach structured metadata cards to files -- notes, context, and tags that travel with the content.</p>
        </div>
        <div class="rl-card rl-card--center">
          <div class="rl-icon-box">&#128193;</div>
          <h3>Folder Organization</h3>
          <p>Nest files in folders, tag freely, and search by name, type, or metadata across your library.</p>
        </div>
        <div class="rl-card rl-card--center">
          <div class="rl-icon-box">&#127760;</div>
          <h3>Multi-Space Storage</h3>
          <p>Each community space gets its own file library. Share across spaces or keep things private.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- CTA -->
  <section class="rl-section">
    <div class="rl-container" style="text-align:center;">
      <h2 class="rl-heading">Ready to share?</h2>
      <p class="rl-subtext">
        Try the demo or create your own space to start uploading.
      </p>
      <div class="rl-cta-row">
        <a href="https://demo.rspace.online/rfiles" class="rl-cta-primary">Start Sharing</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>`;
}