---
import Layout from '../components/Layout.astro';
import Footer from '../components/Footer.astro';
import Waitlist from '../components/Waitlist.astro';
import CTA from '../components/CTA.astro';
---

<Layout title="dd0c/portal — Lightweight Service Catalog & Developer Portal" description="Auto-discover services from AWS and GitHub. Ownership resolution via CODEOWNERS and tags. Meilisearch-powered search. Backstage alternative you can set up before lunch.">
  <section class="pt-32 pb-20 px-6">
    <div class="max-w-4xl mx-auto">
      <div class="mb-8">
        <span class="font-mono text-sm text-dd0c-primary">dd0c/portal</span>
        <h1 class="text-4xl sm:text-5xl font-bold mt-2">"Who owns this service?"<br />answered in 2 seconds</h1>
        <p class="mt-6 text-lg text-dd0c-muted leading-relaxed max-w-2xl">
          Auto-discovers ECS services, Lambda functions, and RDS instances from AWS. Reads CODEOWNERS from GitHub. Full-text search across your entire service catalog. Like Backstage, but you can set it up before lunch.
        </p>
      </div>

      <div class="mt-10 flex gap-4">
        <a href="#waitlist" class="px-6 py-3 rounded-lg bg-dd0c-primary hover:bg-dd0c-primary-light text-white font-medium transition">Start free →</a>
        <a href="https://docs.dd0c.dev/portal" class="px-6 py-3 rounded-lg border border-dd0c-border hover:border-dd0c-muted text-dd0c-muted hover:text-dd0c-text transition">Read docs</a>
      </div>

      <div class="mt-16 grid md:grid-cols-3 gap-6">
        <div class="rounded-xl border border-dd0c-border bg-dd0c-surface p-6">
          <div class="text-2xl mb-3">🔎</div>
          <h3 class="font-semibold mb-2">Auto-discovery</h3>
          <p class="text-sm text-dd0c-muted">Scans AWS (ECS, Lambda, RDS) and GitHub orgs. Partial scan failures stage results — never corrupts your catalog.</p>
        </div>
        <div class="rounded-xl border border-dd0c-border bg-dd0c-surface p-6">
          <div class="text-2xl mb-3">👤</div>
          <h3 class="font-semibold mb-2">Ownership resolution</h3>
          <p class="text-sm text-dd0c-muted">Config > CODEOWNERS > AWS tags > heuristic. Explicit always wins. No more guessing.</p>
        </div>
        <div class="rounded-xl border border-dd0c-border bg-dd0c-surface p-6">
          <div class="text-2xl mb-3">⚡</div>
          <h3 class="font-semibold mb-2">Instant search</h3>
          <p class="text-sm text-dd0c-muted">Meilisearch-powered full-text search. Falls back to PostgreSQL if Meili is down. Always available.</p>
        </div>
      </div>
    </div>
  </section>
  <CTA />
  <Footer />
  <Waitlist />
</Layout>
