Initial commit. All work done in Zaguan Blade

2026-01-22 23:14:13 +01:00
commit adc09431d3
34 changed files with 10294 additions and 0 deletions
@@ -0,0 +1,29 @@
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+.astro/
+
+# Environment variables
+.env
+.env.local
+.env.production
+
+# IDE
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Logs
+*.log
+npm-debug.log*
+pnpm-debug.log*
+yarn-debug.log*
+yarn-error.log*
@@ -0,0 +1,119 @@
+# 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
+
+```bash
+cd site
+pnpm install
+```
+
+### Development Server
+
+```bash
+pnpm dev
+```
+
+The site will be available at `http://localhost:4321`
+
+### Build for Production
+
+```bash
+pnpm build
+```
+
+Output will be in `dist/` directory.
+
+### Preview Production Build
+
+```bash
+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.
@@ -0,0 +1,6 @@
+import { defineConfig } from 'astro/config';
+
+export default defineConfig({
+  site: 'https://zblade.dev',
+  output: 'static',
+});
@@ -0,0 +1,15 @@
+{
+  "name": "zblade-dev",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro check && astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "astro": "^5.16.14"
+  }
+}
@@ -0,0 +1,3 @@
+onlyBuiltDependencies:
+  - esbuild
+  - sharp
@@ -0,0 +1,76 @@
+---
+interface Props {
+  title: string;
+  description?: string;
+}
+
+const { title, description = "AI-Native code editor built with Rust and Tauri. Fast, native, and designed for AI-powered development." } = Astro.props;
+---
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{title}</title>
+    <meta name="description" content={description} />
+    <meta name="generator" content={Astro.generator} />
+    
+    <!-- Open Graph -->
+    <meta property="og:title" content={title} />
+    <meta property="og:description" content={description} />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://zblade.dev" />
+    
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
+    
+    <!-- Styles -->
+    <link rel="stylesheet" href="/styles/global.css" />
+  </head>
+  <body>
+    <header class="site-header">
+      <div class="container">
+        <div class="header-content">
+          <a href="/" class="logo">
+            <span class="logo-text">Zaguán Blade</span>
+          </a>
+          <nav class="nav">
+            <a href="#features">Features</a>
+            <a href="#download">Download</a>
+            <a href="https://zaguanai.com/pricing" target="_blank" rel="noopener">Pricing</a>
+          </nav>
+        </div>
+      </div>
+    </header>
+
+    <slot />
+
+    <footer class="site-footer">
+      <div class="container">
+        <div class="footer-content">
+          <div class="footer-section">
+            <h4>Zaguán Blade</h4>
+            <p>AI-Native code editor for the modern developer.</p>
+          </div>
+          <div class="footer-section">
+            <h4>Product</h4>
+            <a href="#features">Features</a>
+            <a href="#download">Download</a>
+            <a href="https://zaguanai.com/pricing" target="_blank" rel="noopener">Pricing</a>
+          </div>
+          <div class="footer-section">
+            <h4>Zaguán AI</h4>
+            <a href="https://zaguanai.com" target="_blank" rel="noopener">Main Site</a>
+            <a href="https://zaguanai.com/pricing" target="_blank" rel="noopener">Subscription</a>
+          </div>
+        </div>
+        <div class="footer-bottom">
+          <p>&copy; {new Date().getFullYear()} Zaguán AI. All rights reserved.</p>
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>
@@ -0,0 +1,206 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+---
+
+<BaseLayout title="Zaguán Blade - AI-Native Code Editor">
+  <main>
+    <!-- Hero Section -->
+    <section class="hero">
+      <div class="hero-bg-elements">
+        <div class="hero-block hero-block-1"></div>
+        <div class="hero-block hero-block-2"></div>
+        <div class="scanline"></div>
+      </div>
+      <div class="container">
+        <div class="hero-content">
+          <div class="hero-label">// NEXT-GEN EDITOR</div>
+          <h1 class="hero-title">
+            <span class="title-line-1">ZAGUÁN</span>
+            <span class="title-line-2">BLADE</span>
+            <span class="title-accent">AI-NATIVE_</span>
+          </h1>
+          <div class="hero-meta">
+            <span class="meta-item">RUST + TAURI</span>
+            <span class="meta-divider">/</span>
+            <span class="meta-item">BUILT FROM ZERO</span>
+            <span class="meta-divider">/</span>
+            <span class="meta-item">NOT A FORK</span>
+          </div>
+          <p class="hero-description">
+            A fast, native code editor designed from the ground up for AI-powered development.
+            No Electron bloat. No compromises. Just pure performance.
+          </p>
+          <div class="hero-actions">
+            <a href="#download" class="action-primary">
+              <span class="action-text">GET_ZBLADE()</span>
+              <span class="action-arrow">→</span>
+            </a>
+            <a href="#features" class="action-secondary">EXPLORE_FEATURES</a>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- Features Section -->
+    <section id="features" class="features">
+      <div class="features-header">
+        <div class="container">
+          <div class="section-label">[001] WHY_ZBLADE</div>
+          <h2 class="section-title">Built Different<br/>Performs Different</h2>
+        </div>
+      </div>
+      <div class="features-layout">
+        <div class="feature-primary">
+          <div class="feature-num">01</div>
+          <div class="feature-content">
+            <h3>RUST + TAURI CORE</h3>
+            <p>Native performance. Minimal resource usage. Fast startup, smooth editing. Zero Electron bloat. This is how editors should be built.</p>
+            <div class="feature-tag">PERFORMANCE</div>
+          </div>
+        </div>
+        
+        <div class="feature-row">
+          <div class="feature-item">
+            <div class="feature-num">02</div>
+            <h3>AI-NATIVE</h3>
+            <p>Not a plugin. Not an afterthought. AI is woven into the core architecture.</p>
+          </div>
+          <div class="feature-item feature-highlight">
+            <div class="feature-num">03</div>
+            <h3>MULTI-MODEL</h3>
+            <p>Access multiple AI models through our backend. Choose the right tool for each task.</p>
+          </div>
+        </div>
+        
+        <div class="feature-row">
+          <div class="feature-item feature-highlight">
+            <div class="feature-num">04</div>
+            <h3>COST OPTIMIZED</h3>
+            <p>Smart context management saves you money on API costs. Only send what matters.</p>
+          </div>
+          <div class="feature-item">
+            <div class="feature-num">05</div>
+            <h3>ZAGUÁN POWERED</h3>
+            <p>Requires active subscription for AI. Still a great editor without it.</p>
+          </div>
+        </div>
+        
+        <div class="feature-banner">
+          <div class="banner-content">
+            <div class="banner-text">DEVELOPER-FIRST / NO CORPORATE BS / JUST WHAT WORKS</div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- How It Works Section -->
+    <section class="architecture-section">
+      <div class="container">
+        <div class="section-label">[002] ARCHITECTURE</div>
+        <div class="arch-grid">
+          <div class="arch-node">
+            <div class="node-header">
+              <div class="node-num">1</div>
+              <div class="node-status">ACTIVE</div>
+            </div>
+            <h3>GUI CLIENT</h3>
+            <p>Native Rust + Tauri<br/>Lightning-fast editing<br/>Minimal footprint</p>
+            <div class="node-connector"></div>
+          </div>
+          
+          <div class="arch-node arch-node-center">
+            <div class="node-header">
+              <div class="node-num">2</div>
+              <div class="node-status">ACTIVE</div>
+            </div>
+            <h3>AI BACKEND</h3>
+            <p>Model orchestration<br/>Context management<br/>Intelligent routing</p>
+            <div class="node-connector"></div>
+          </div>
+          
+          <div class="arch-node">
+            <div class="node-header">
+              <div class="node-num">3</div>
+              <div class="node-status">ACTIVE</div>
+            </div>
+            <h3>ZAGUÁN CLOUD</h3>
+            <p>Multi-model access<br/>Optimized context<br/>Edge AI processing</p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- Pricing Section -->
+    <section class="pricing">
+      <div class="pricing-container">
+        <div class="pricing-block">
+          <div class="section-label">[003] SUBSCRIPTION_MODEL</div>
+          <h2 class="pricing-title">ZAGUÁN AI<br/>REQUIRED</h2>
+          <div class="pricing-grid">
+            <div class="pricing-item">
+              <div class="pricing-label">WITHOUT SUBSCRIPTION</div>
+              <div class="pricing-value">Solid text editor</div>
+            </div>
+            <div class="pricing-divider"></div>
+            <div class="pricing-item pricing-item-highlight">
+              <div class="pricing-label">WITH SUBSCRIPTION</div>
+              <div class="pricing-value">Full AI power unlocked</div>
+            </div>
+          </div>
+          <div class="pricing-features">
+            <span>Multi-model access</span>
+            <span>Priority support</span>
+            <span>Early features</span>
+            <span>Regular updates</span>
+          </div>
+          <a href="https://zaguanai.com/pricing" class="pricing-action" target="_blank" rel="noopener">
+            <span>VIEW_PRICING()</span>
+            <span class="action-arrow">→</span>
+          </a>
+        </div>
+      </div>
+    </section>
+
+    <!-- Download Section -->
+    <section id="download" class="download">
+      <div class="download-layout">
+        <div class="download-header">
+          <div class="section-label">[004] DOWNLOAD_ZBLADE</div>
+          <h2 class="download-title">Choose Your<br/>Platform</h2>
+        </div>
+        <div class="download-grid">
+          <a href="#" class="platform-card platform-windows">
+            <div class="platform-icon">⬜</div>
+            <div class="platform-info">
+              <div class="platform-name">WINDOWS</div>
+              <div class="platform-meta">v1.0.0 / x64</div>
+            </div>
+            <div class="platform-action">DOWNLOAD →</div>
+          </a>
+          
+          <a href="#" class="platform-card platform-mac">
+            <div class="platform-icon">⬛</div>
+            <div class="platform-info">
+              <div class="platform-name">macOS</div>
+              <div class="platform-meta">v1.0.0 / Universal</div>
+            </div>
+            <div class="platform-action">DOWNLOAD →</div>
+          </a>
+          
+          <a href="#" class="platform-card platform-linux">
+            <div class="platform-icon">▪</div>
+            <div class="platform-info">
+              <div class="platform-name">LINUX</div>
+              <div class="platform-meta">v1.0.0 / AppImage/deb</div>
+            </div>
+            <div class="platform-action">DOWNLOAD →</div>
+          </a>
+        </div>
+        <div class="download-disclaimer">
+          <span class="disclaimer-icon">⚠</span>
+          <span>AI features require active <a href="https://zaguanai.com/pricing">Zaguán AI subscription</a></span>
+        </div>
+      </div>
+    </section>
+  </main>
+</BaseLayout>
@@ -0,0 +1,6 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "strictNullChecks": true
+  }
+}