Link: xero-seven.vercel.app
Tech Stack: React, Vite, TypeScript, InsForge SDK, Zustand, TailwindCSS, Framer Motion, Vercel
- Built the public website and protected operations dashboard for an AI automation agency, including services, work, contact, auth, live AI demo, and dashboard routes.
- Integrated lead/client/project/proposal surfaces, realtime data hooks, agent activity views, and Cloud Run agent endpoint wiring.
This is the front door for an AI automation agency. The public site explains the offer, captures leads, and routes qualified users into a protected operations dashboard. It is the web layer for a larger autonomous agency stack that includes specialist agents, a Summoner router, memory/RAG infrastructure, and internal dashboards.
| Area | What it does |
|---|---|
| Public website | Premium landing pages for services, process, industries, work, and contact |
| Live AI demo | Chat interface powered by InsForge AI using gpt-4o-mini |
| Auth | Login/signup flow for dashboard access |
| Dashboard | Mission control, leads, projects, clients, proposals, analytics, and agents |
| Realtime data | Hooks for realtime leads, clients, projects, proposals, and notifications |
| Brand system | Custom theme store, premium components, responsive UI, and motion |
Visitor / client
-> React + Vite website
-> InsForge auth + data layer
-> Protected dashboard
-> Xero Seven agent/service backend
The frontend is intentionally decoupled from the agent backend. It can evolve as a website, sales surface, or internal agency cockpit without coupling every page to a single backend service.
| Layer | Choice |
|---|---|
| Frontend | React, Vite, TypeScript |
| Routing | React Router |
| State | Zustand |
| AI/data | InsForge SDK |
| UI | TailwindCSS, Framer Motion, Lucide, Phosphor Icons |
| Deployment | Vercel |
npm install
npm run devBuild and checks:
npm run lint
npm run buildsrc/App.tsx Route map, auth boundary, dashboard shell
src/pages/HomePage.tsx Public homepage composition
src/pages/DemoPage.tsx Live AI demo
src/pages/dashboard/ Protected operating dashboard
src/hooks/useRealtime*.ts Realtime data hooks
src/lib/insforge.ts InsForge client
src/stores/ Theme, filters, orchestration state
Xero Seven is built for Indian SMBs and service businesses that need practical automation: lead capture, WhatsApp workflows, dashboards, AI support, internal tools, and agent-backed operations.
The long-term direction is a closed-loop agency engine: prospecting, qualification, proposal generation, project execution, QA, support, and reporting coordinated through specialist AI agents.