feat: Add sleek mobile-first design and Astro landing site

- 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

2026-01-12 03:28:16 +00:00

1.3 KiB

Raw Permalink Blame History

AeThex Connect - Astro Landing Site

Modern, sleek landing page for AeThex Connect built with Astro and Tailwind CSS.

Quick Start

# 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

npm i -g vercel
vercel

Netlify

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

1.3 KiB Raw Permalink Blame History