Files
api-company/docs-site/src/layouts/Base.astro
T
agent-company 411ee92106
Validate Flux manifests / kustomize-build (pull_request) Failing after 23s
[Phase 5] docs-site: add /pricing cross-API comparison page and nav link
Closes leeworks-agents/api-company#101

- Create docs-site/src/pages/pricing.astro with accessible table markup
  showing all 4 tiers (Free/Basic/Pro/Ultra) for all 3 APIs
- Add <caption> and scope attributes for accessibility
- Responsive overflow-x wrapper for mobile
- CTA buttons linking to RapidAPI (placeholder # until listings live)
- Revenue disclaimer: subscriptions managed via RapidAPI marketplace
- Add /pricing link to nav in Base.astro layout
- npm run build passes with no errors
2026-05-29 20:03:29 +00:00

52 lines
1.9 KiB
Plaintext

---
export interface Props {
title: string;
description?: string;
}
const { title, description = "leeworks.dev API documentation" } = Astro.props;
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content={description} />
<title>{title} | leeworks.dev APIs</title>
<link rel="sitemap" href="/sitemap-index.xml" />
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: system-ui, -apple-system, sans-serif; background: #0f1117; color: #e2e8f0; }
nav { background: #1a1d27; border-bottom: 1px solid #2d3748; padding: 0 2rem; display: flex; align-items: center; gap: 2rem; height: 60px; }
nav a { color: #90cdf4; text-decoration: none; font-weight: 500; }
nav a:hover { color: #fff; }
nav .brand { font-size: 1.25rem; font-weight: 700; color: #fff; }
main { min-height: calc(100vh - 120px); }
footer { background: #1a1d27; border-top: 1px solid #2d3748; padding: 1.5rem 2rem; text-align: center; color: #718096; font-size: 0.875rem; }
footer a { color: #90cdf4; }
</style>
</head>
<body>
<nav>
<a href="/" class="brand">leeworks.dev</a>
<a href="/zip-enrichment">ZIP Enrichment</a>
<a href="/holidays">Holidays</a>
<a href="/air-quality">Air Quality</a>
<a href="/pricing">Pricing</a>
<a href="/blog">Blog</a>
<a href="https://rapidapi.com/leeworks" target="_blank" rel="noopener">RapidAPI</a>
</nav>
<main>
<slot />
</main>
<footer>
<p>
&copy; 2026 leeworks.dev &mdash;
<a href="/legal/terms-of-service">Terms</a> &middot;
<a href="/legal/privacy-policy">Privacy</a> &middot;
<a href="/legal/acceptable-use-policy">AUP</a> &middot;
<a href="https://status.leeworks.dev" target="_blank" rel="noopener">Status</a>
</p>
</footer>
</body>
</html>