Madinaty.AI — Intelligent community platform for Madinaty, New Cairo, Egypt
# Madinaty.AI — Horizon Theme
The official AI-powered community platform for **Madinaty**, Egypt's largest integrated city. Built to bring intelligent, data-driven services to 700,000+ residents across 23 districts in New Cairo.
**Live:**
madinaty-ai.vercel.app
**Repo:**
github.com
---
## About Madinaty
Madinaty is an 8,000-acre master-planned city developed by **Talaat Moustafa Group (TMG)** and managed by **Arab Makan International (AMI)** in New Cairo, Egypt. With 23 districts and over 700,000 residents, it is the largest integrated community in Egypt. Madinaty.AI is the intelligence layer built by the community, for the community.
---
## Features
### Pages & Routes
| Route | Description |
|---|---|
| `/` | English landing page |
| `/ar` | Arabic landing page (RTL) |
| `/vision-future` | Vision & roadmap page (EN) |
| `/ar/vision-future` | Vision & roadmap page (AR) |
| `/coming-soon` | Coming Soon portal (EN) |
| `/ar/coming-soon` | Coming Soon portal (AR) |
### UI & Interactions
- **Horizon Theme** — Midnight blue & electric teal color system with CSS variables
- **Animated hero** — City skyline backdrop with slow zoom + floating teal/blue orbs
- **Scroll-triggered reveal** — `IntersectionObserver` fades elements in as they enter viewport
- **Animated counters** — Value strip counts up (8,000 acres · 700K residents · 23 districts · 100%) on scroll
- **Custom cursor** — Glowing teal dot + lagging ring, expands on hover (hidden on mobile)
- **Coming Soon page** — Live countdown to Sep 1 2026, particle canvas, email notify form
- **Interactive map** — Clickable location nodes for key Madinaty districts
- **AI Chat panel** — Simulated Madinaty Bot conversation UI
- **Bilingual** — Full EN/AR content with RTL layout support
---
## Tech Stack
| Layer | Technology |
|---|---|
| Framework | Next.js 15.5.15 (App Router) |
| Language | TypeScript |
| Styling | Custom CSS (no Tailwind) with CSS variables |
| Fonts | Space G …