feat: add product website for Cloudflare Pages

Single-page marketing site built with Astro 5 and Tailwind CSS v4.
Produces static HTML with zero client-side JS — ideal for Cloudflare
Pages deployment.

Sections: hero with screenshot placeholder, 6 feature cards,
5 orchestration patterns showcase, 4-step getting started guide,
tech banner, and footer.

Dark theme (zinc-950/indigo accents) matches the app aesthetic.
Responsive design with mobile navigation.

Build: cd website && bun install && bun run build
Output: website/dist/

To add a real screenshot, replace
website/public/images/screenshot-placeholder.svg with
website/public/images/screenshot.png and update the img src
in website/src/pages/index.astro.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
David Kaya
2026-03-25 22:57:00 +01:00
co-authored by Copilot
parent 968ae37279
commit 5ed2b8bcd4
11 changed files with 1428 additions and 0 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

@@ -0,0 +1,31 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="800" viewBox="0 0 1280 800">
<rect width="1280" height="800" rx="12" fill="#18181b"/>
<rect x="1" y="1" width="1278" height="798" rx="11" fill="none" stroke="#3f3f46" stroke-width="2"/>
<!-- Title bar -->
<rect x="1" y="1" width="1278" height="40" rx="11" fill="#27272a"/>
<rect x="1" y="30" width="1278" height="11" fill="#27272a"/>
<circle cx="24" cy="21" r="6" fill="#ef4444" opacity="0.7"/>
<circle cx="44" cy="21" r="6" fill="#eab308" opacity="0.7"/>
<circle cx="64" cy="21" r="6" fill="#22c55e" opacity="0.7"/>
<text x="640" y="25" text-anchor="middle" fill="#a1a1aa" font-family="system-ui" font-size="13">Aryx — Your Screenshot Here</text>
<!-- Sidebar -->
<rect x="1" y="41" width="260" height="758" fill="#09090b"/>
<line x1="261" y1="41" x2="261" y2="799" stroke="#3f3f46" stroke-width="1"/>
<!-- Sidebar items -->
<rect x="16" y="60" width="230" height="32" rx="6" fill="#27272a"/>
<rect x="16" y="100" width="230" height="32" rx="6" fill="#18181b"/>
<rect x="16" y="140" width="230" height="32" rx="6" fill="#18181b"/>
<!-- Main content area -->
<rect x="280" y="60" width="700" height="24" rx="4" fill="#27272a"/>
<rect x="280" y="100" width="500" height="16" rx="4" fill="#27272a" opacity="0.5"/>
<rect x="280" y="140" width="680" height="120" rx="8" fill="#27272a" opacity="0.3"/>
<rect x="280" y="280" width="600" height="16" rx="4" fill="#27272a" opacity="0.5"/>
<rect x="280" y="310" width="660" height="120" rx="8" fill="#27272a" opacity="0.3"/>
<!-- Activity panel -->
<line x1="1000" y1="41" x2="1000" y2="799" stroke="#3f3f46" stroke-width="1"/>
<rect x="1016" y="60" width="248" height="24" rx="4" fill="#27272a"/>
<rect x="1016" y="100" width="248" height="80" rx="6" fill="#27272a" opacity="0.3"/>
<rect x="1016" y="196" width="248" height="80" rx="6" fill="#27272a" opacity="0.3"/>
<!-- Center text -->
<text x="640" y="500" text-anchor="middle" fill="#71717a" font-family="system-ui" font-size="16">Replace with actual screenshot: website/public/images/screenshot.png</text>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB