---
const products = [
  {
    name: 'route',
    tagline: 'LLM Cost Router',
    description: 'Route AI API calls to the cheapest provider automatically. Set cost caps, get usage dashboards, stop burning money on GPT-4 when GPT-3.5 works fine.',
    price: '$49/mo',
    icon: '🔀',
    keywords: ['llm cost optimization', 'ai api router', 'openai cost management'],
    color: 'from-violet-500 to-purple-600',
  },
  {
    name: 'drift',
    tagline: 'IaC Drift Detection',
    description: 'Lightweight agent scans your Terraform state, detects drift, scrubs secrets, and alerts your team on Slack. No ClickOps surprises.',
    price: '$29/stack/mo',
    icon: '🔍',
    keywords: ['terraform drift detection', 'infrastructure drift', 'iac compliance'],
    color: 'from-cyan-500 to-blue-600',
  },
  {
    name: 'alert',
    tagline: 'Alert Intelligence',
    description: 'Correlate alerts from PagerDuty, Datadog, OpsGenie, and Grafana into incidents. Cut noise by 80%. Stop waking up for duplicates.',
    price: '$39/mo',
    icon: '🔔',
    keywords: ['alert fatigue', 'alert correlation', 'pagerduty alternative'],
    color: 'from-amber-500 to-orange-600',
  },
  {
    name: 'portal',
    tagline: 'Service Catalog',
    description: 'Auto-discover services from AWS and GitHub. Know who owns what. Search everything. No more "who runs this Lambda?"',
    price: '$29/mo',
    icon: '📋',
    keywords: ['service catalog', 'internal developer portal', 'backstage alternative'],
    color: 'from-emerald-500 to-green-600',
  },
  {
    name: 'cost',
    tagline: 'AWS Cost Anomaly',
    description: 'Statistical anomaly detection on your AWS bill. Welford baselines, z-score alerts, Slack notifications before the bill lands.',
    price: '$19/account/mo',
    icon: '💰',
    keywords: ['aws cost anomaly', 'cloud cost monitoring', 'aws billing alerts'],
    color: 'from-rose-500 to-pink-600',
  },
  {
    name: 'run',
    tagline: 'Runbook Automation',
    description: 'Write runbooks in YAML. Classify commands by safety. Destructive ops require Slack approval. Full audit trail.',
    price: '$39/mo',
    icon: '⚡',
    keywords: ['runbook automation', 'incident response automation', 'rundeck alternative'],
    color: 'from-indigo-500 to-blue-600',
  },
];
---

<section id="products" class="py-20 px-6">
  <div class="max-w-6xl mx-auto">
    <div class="text-center mb-16">
      <h2 class="text-3xl sm:text-4xl font-bold">Six tools. One login.</h2>
      <p class="mt-4 text-dd0c-muted text-lg">Use one. Use all. Each works standalone.</p>
    </div>

    <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
      {products.map((p) => (
        <a href={`/${p.name}`} class="group block rounded-xl border border-dd0c-border bg-dd0c-surface p-6 hover:border-dd0c-primary/40 transition-all duration-200">
          <div class="flex items-center gap-3 mb-4">
            <span class="text-2xl">{p.icon}</span>
            <div>
              <span class="font-mono text-sm text-dd0c-primary">dd0c/{p.name}</span>
              <h3 class="font-semibold text-lg">{p.tagline}</h3>
            </div>
          </div>
          <p class="text-dd0c-muted text-sm leading-relaxed mb-4">{p.description}</p>
          <div class="flex items-center justify-between">
            <span class="text-sm font-medium text-dd0c-accent">{p.price}</span>
            <span class="text-xs text-dd0c-muted group-hover:text-dd0c-primary transition">Learn more →</span>
          </div>
        </a>
      ))}
    </div>
  </div>
</section>
