MrPiglr
3da5bc453d
- Updated all Chat component styles (Chat, MessageInput, MessageList, ConversationList) - Replaced purple/pink gradients with cyan/green gaming theme - Implemented glassmorphism effects with backdrop blur - Updated message bubbles with gradient for own messages, dark glass for others - Changed all light backgrounds to OLED-friendly pure black - Added cyan glow effects and shadows throughout - Installed react-router-dom dependency - Updated Demo.css with full dark theme - All components now match Astro landing site aesthetic |
||
|---|---|---|
| .. | ||
| .astro | ||
| src | ||
| astro.config.mjs | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tailwind.config.mjs | ||
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