MrPiglr
651cba733d
- Update design tokens with dark gaming theme (OLED-friendly) - Pure black backgrounds (#000000) - Cyan primary (#00d9ff) and neon green accent (#00ff88) - Glassmorphism effects and mobile-specific tokens - Build complete React Native mobile app screens - HomeScreen: Chat list with dark cards and status indicators - MessagesScreen: Chat view with gradient bubbles and typing indicators - FriendsScreen: Friend list with online/offline sections and game presence - GamesScreen: GameForge projects with team channels - ProfileScreen: User profile with .aethex domain display - AppNavigator: Bottom tab navigation with glow effects - Create Astro marketing landing site - Hero section with animated gradients and phone mockup - Features showcase (6 cards) - Pricing tiers (Free/Premium/Enterprise) - Download section for all platforms - Fully responsive dark theme Design inspiration: BitChat, Root, Discord Dark, Telegram Mobile-first approach with 48px touch targets and safe areas
67 lines
1.3 KiB
Markdown
67 lines
1.3 KiB
Markdown
# AeThex Connect - Astro Landing Site
|
|
|
|
Modern, sleek landing page for AeThex Connect built with Astro and Tailwind CSS.
|
|
|
|
## Quick Start
|
|
|
|
```bash
|
|
# Install dependencies
|
|
npm install
|
|
|
|
# Start development server
|
|
npm run dev
|
|
|
|
# Build for production
|
|
npm run build
|
|
|
|
# Preview production build
|
|
npm run preview
|
|
```
|
|
|
|
## Structure
|
|
|
|
```
|
|
astro-site/
|
|
├── src/
|
|
│ ├── pages/
|
|
│ │ └── index.astro # Homepage
|
|
│ ├── components/
|
|
│ │ ├── Hero.astro # Hero section with phone mockup
|
|
│ │ ├── Features.astro # Feature cards
|
|
│ │ └── Pricing.astro # Pricing tiers
|
|
│ └── layouts/
|
|
│ └── Layout.astro # Base layout
|
|
├── public/ # Static assets
|
|
├── astro.config.mjs
|
|
├── tailwind.config.mjs
|
|
└── package.json
|
|
```
|
|
|
|
## Features
|
|
|
|
- ⚡ Lightning-fast static site generation
|
|
- 🎨 Sleek dark gaming theme
|
|
- 📱 Mobile-first responsive design
|
|
- ✨ Animated gradients and smooth transitions
|
|
- 🎯 SEO optimized
|
|
- 🚀 Ready to deploy (Vercel, Netlify, Cloudflare Pages)
|
|
|
|
## Deploy
|
|
|
|
### Vercel
|
|
```bash
|
|
npm i -g vercel
|
|
vercel
|
|
```
|
|
|
|
### Netlify
|
|
```bash
|
|
npm i -g netlify-cli
|
|
netlify deploy
|
|
```
|
|
|
|
### Cloudflare Pages
|
|
Connect your GitHub repo to Cloudflare Pages dashboard.
|
|
|
|
Build command: `npm run build`
|
|
Output directory: `dist`
|