# CubeCactus Website - cubecactus.com

Professional website for CubeCactus distributed database launch.

## 🌐 Pages Included

1. **index.html** - Main landing page with hero, features, stats, and CTA
2. **docs.html** - Complete documentation with sidebar navigation
3. **downloads.html** - Download page with platform-specific installation

## 🎨 Design Features

### Aesthetic Direction: **Tech Brutalist**
- Dark cyberpunk theme with neon green (`#00ff88`) and electric blue (`#0099ff`)
- Animated grid background with glowing orbs
- Bold, geometric typography using Archivo and JetBrains Mono
- High contrast for maximum readability
- Micro-interactions and smooth animations

### Key Design Elements
- ✅ Animated background grid
- ✅ Floating glow orbs for atmosphere
- ✅ Smooth scroll animations
- ✅ Interactive feature cards with hover effects
- ✅ Code blocks with syntax highlighting aesthetic
- ✅ Responsive design (mobile-friendly)
- ✅ Performance-optimized (CSS-only animations)

## 📊 Sections

### Homepage (index.html)
1. **Hero** - Bold title, subtitle, CTA buttons
2. **Stats** - 200K reads/s, 100K writes/s, 99.99% uptime, <5ms latency
3. **Features Grid** - 9 core features with icons
4. **Performance** - Metrics + code example
5. **CTA Section** - Get started call-to-action
6. **Footer** - Links, resources, community

### Documentation (docs.html)
- Sticky sidebar navigation
- Sections: Quick Start, Installation, Architecture, Consistency, SQL, Gossip, Docker, Production
- Code blocks for all examples
- Tables for consistency levels
- Warning and info boxes

### Downloads (downloads.html)
- Platform cards: JAR, Docker, Source
- Tabbed installation instructions
- Changelog with version history
- Direct download links

## 🚀 Deployment

### Option 1: Static Hosting (Recommended)
```bash
# Upload to any static host:
# - GitHub Pages
# - Netlify
# - Vercel
# - Cloudflare Pages

# Example with GitHub Pages:
git init
git add .
git commit -m "Initial CubeCactus website"
git branch -M main
git remote add origin https://github.com/cubecactus/cubecactus.com.git
git push -u origin main
```

### Option 2: Local Server
```bash
# Python
python3 -m http.server 8000

# Node.js
npx serve .

# Visit: http://localhost:8000
```

### Option 3: Nginx
```nginx
server {
    listen 80;
    server_name cubecactus.com www.cubecactus.com;
    root /var/www/cubecactus;
    index index.html;
    
    location / {
        try_files $uri $uri/ =404;
    }
}
```

## 🎯 SEO Optimization

Already included:
- Meta descriptions
- Semantic HTML
- Fast load times (CSS-only animations)
- Mobile responsive
- Accessible navigation

### Additional Recommendations:
1. Add `sitemap.xml`
2. Add `robots.txt`
3. Set up Google Analytics
4. Add Open Graph tags for social sharing
5. Configure SSL certificate

## 🔧 Customization

### Colors (`:root` variables)
```css
--primary: #00ff88;    /* Main green */
--secondary: #0099ff;  /* Blue accent */
--dark: #0a0e15;       /* Dark background */
--light: #f0f4f8;      /* Light text */
```

### Fonts
- Display: Archivo (headings)
- Mono: JetBrains Mono (body, code)

### Adding New Pages
1. Copy `index.html` structure
2. Update navigation links
3. Maintain consistent styling
4. Use existing CSS classes

## 📦 File Structure

```
cube-db-website/
├── index.html          # Main landing page
├── docs.html           # Documentation
├── downloads.html      # Download page
├── README.md           # This file
└── assets/            # (Optional) Images, logos
```

## 🌟 Features Showcase

### What Makes This Site Stand Out
1. **Distinctive Design**: Tech brutalist aesthetic, not generic AI design
2. **Performance**: Pure CSS animations, no heavy frameworks
3. **Professional**: Production-ready code, well-structured
4. **Functional**: All interactive elements work (smooth scroll, tabs, etc.)
5. **Responsive**: Mobile-first design
6. **Fast**: Minimal dependencies, optimized loading

## 📱 Browser Support

- ✅ Chrome 90+
- ✅ Firefox 88+
- ✅ Safari 14+
- ✅ Edge 90+

## 🔄 Future Enhancements

Consider adding:
- [ ] Blog section for updates
- [ ] Community showcase
- [ ] Interactive demo/playground
- [ ] Video tutorials
- [ ] API documentation
- [ ] Search functionality
- [ ] Dark/light theme toggle
- [ ] Language selection

## 📞 Support

For website issues:
- GitHub: https://github.com/cubecactus/cubecactus.com
- Email: support@cubecactus.com
- Discord: https://discord.gg/cubecactus

## 📄 License

Website code: MIT License
CubeCactus software: Apache 2.0 License

---

**Built with ❤️ for the CubeCactus community**

Launch date: February 13, 2026