You've already forked zblade.dev
Initial commit. All work done in Zaguan Blade
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user