Portfolio Site Overview
Purpose
A single-page scrolling marketing website that presents the WhatsApp CRM as a polished product. Targets potential users, investors, or technical collaborators. Currently deployed as an orphaned page on omelasai.com — no links to or from the main OmelasAI site.
Live URL
Production: https://omelasai.com/whatsapp-crm/
Site Structure
The site is a single HTML page with 10 sections:
| Section | Content |
|---|---|
| Nav | Fixed top bar with hamburger menu on mobile, smooth-scroll links |
| Hero | Tagline, subtitle, CTA buttons, three-column layout SVG diagram |
| Stats | 4 stat cards (8 slices, 500+ chats, 26 features, 70+ endpoints) |
| Features | 12 feature cards with SVG icons in a responsive grid |
| Architecture | System architecture SVG diagram + tech stack pills |
| AI System | AI reply flow SVG + highlight list of capabilities |
| Media Pipeline | Media pipeline SVG + processing steps |
| Security | DOM-only approach SVG + comparison cards (safe vs risky) |
| Deployment | Multi-slice deployment SVG + 3-step deployment explanation |
| Interface | 2x2 screenshot gallery of redacted screenshots |
| CTA | Contact call-to-action with email + website links |
| Footer | Copyright, built-with credit |
Design
- Theme: Dark (#1a1a2e background, #16213e surface, #0f3460 borders)
- Accent: Emerald green (#10b981) — matches the CRM app
- Warning: Amber (#f59e0b) — for AI-related highlights
- Fonts: IBM Plex Sans (body), IBM Plex Mono (code/tech labels)
- Animations: Intersection Observer fade-up on scroll
- Responsive: Breakpoints at 900px and 600px
Key Selling Points Highlighted
- Full CRM for WhatsApp — not just a chat viewer
- AI auto-replies with per-contact personality assignment
- Undetectable DOM-only approach (no Store API calls)
- Three-column layout (contacts, conversation, CRM panel)
- Smart contact enrichment via AI analysis
- Multi-slice Docker deployment (8 independent accounts)