You've already forked zblade.dev
kekePower
ca47c7bae9
Add hamburger menu toggle with ARIA support for mobile nav. Introduce responsive breakpoints at 768px (tablet) and 480px (phone) with stacked nav, adjusted spacing, and full-width elements. Add table overflow protection and responsive refinements across all page layouts.
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
- Hero - Main headline and CTA
- Features - 6 feature cards highlighting key benefits
- How It Works - Architecture overview
- Pricing - Subscription information and link to Zaguán AI
- Download - Platform-specific download links
- 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.