mirror of
https://github.com/davidkaya/aryx.git
synced 2026-08-09 05:08:44 +02:00
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:
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 |
Reference in New Issue
Block a user