zblade.dev

Official landing page for Zaguán Blade, the AI-Native code editor built with Rust and Tauri.

Overview

This website showcases Zaguán Blade - a fast, native code editor designed from the ground up for AI-powered development. Built with Astro for optimal performance and speed.

Tech Stack

• Astro - Static site generator
• pnpm - Package manager
• TypeScript - Type safety
• Vanilla CSS with modern variables
• Inter font family

Development

Prerequisites

• Node.js 18+
• pnpm (install with npm install -g pnpm)

Setup

cd site
pnpm install

Development Server

pnpm dev

The site will be available at http://localhost:4321

Build for Production

pnpm build

Output will be in dist/ directory.

Preview Production Build

pnpm preview

Project Structure

site/
├── src/
│   ├── layouts/
│   │   └── BaseLayout.astro    # Main layout with header/footer
│   ├── pages/
│   │   └── index.astro         # Homepage
│   └── components/              # Reusable components (future)
├── public/
│   └── styles/
│       └── global.css          # Global styles
├── astro.config.mjs            # Astro configuration
├── package.json
└── tsconfig.json

Design System

Colors

The site uses a modern dark theme with purple/blue accents:

• Primary Background: #0a0a0f
• Secondary Background: #121218
• Accent Primary: #6366f1 (Indigo)
• Accent Secondary: #8b5cf6 (Purple)
• Text Primary: #e8e8f0
• Text Secondary: #a0a0b8

Typography

• Font: Inter (Google Fonts)
• Base Size: 16px
• Line Height: 1.6

Sections

1. Hero - Main headline and CTA
2. Features - 6 feature cards highlighting key benefits
3. How It Works - Architecture overview
4. Pricing - Subscription information and link to Zaguán AI
5. Download - Platform-specific download links
6. Footer - Links and copyright

Deployment

The site is configured for static deployment and can be hosted on:

• Vercel (recommended)
• Netlify
• Cloudflare Pages
• Any static hosting service

Simply run pnpm build and deploy the dist/ directory.

Notes

• All download links are currently placeholders (#)
• Update with actual download URLs when available
• Pricing links point to https://zaguanai.com/pricing
• Site is fully responsive and optimized for performance

License

Copyright © 2025 Zaguán AI. All rights reserved.