Visual Architecture Report
TAG AI Codebase Map
Understand the entire website in 3 minutes. Every file, route, and component explained — no engineering degree required.
28
Routes
70+
Components
11
API Endpoints
43
AI Sub-Agents
How a Request Flows
What happens when someone visits ubntag.com
1. Visitor types URL
Next.js matches the path to a page file in src/app/. The root layout wraps every page with nav, footer, and global styles.
2. Page loads its data
Static pages read from src/data/. Dynamic pages hit API routes that call Exa, DeepSeek, Supabase, or Calendly.
3. Components render
Reusable pieces (Nav, Footer, PageHero, ProposalDemo) assemble the page. Animations run via Framer Motion. Glass CSS applies.
Routes — 28 Pages
Every page a visitor can land on
/
Homepage
Hollywood hero, live dashboard, urgency, pipelines
complete/about
About
Gus + Julian, two architects, mission
complete/book
Book a Call
Calendly scheduling for strategy sessions
complete/book/advisor
Advisor Booking
Specialized advisor call booking
complete/signals
Signals (Blog)
15 AI strategy articles for business owners
complete/signals/[slug]
Signal Post
Individual article with FAQ + Article schema
complete/demo/proposal
Proposal Demo
90-second AI proposal generator with 9 phases
complete/industries
Industries
Vertical-specific AI workforce pages
complete/industries/[slug]
Industry Detail
Per-industry AI pipeline breakdown
complete/architecture
Architecture
Agentic stack reference blueprint
complete/architecture/azure
Azure Architecture
Azure-specific deployment architecture
complete/ai-corp
AI Corp
Live workforce dashboard, 145+ agents
complete/lessons
Lessons
3-minute reads from keynotes and breakthroughs
complete/lessons/[slug]
Lesson Detail
Individual lesson with takeaways
complete/training
Training
Structured courses with tutor
complete/training/[slug]
Training Module
Individual course module with scripts
complete/contact
Contact
Contact form and company info
complete/built-for
Built For
Who TAG AI is built for
complete/hermes
Hermes
AI chat interface
complete/nano-swarm
Nano Swarm
100 parallel nano-agents dashboard
complete/media-home
Media Home
Full-bleed cinematic film experience
complete/rescue-websites
Rescue Websites
Website recovery service
complete/preview/mission
Mission Preview
Mission statement preview page
complete/privacy
Privacy
Privacy policy
complete/terms
Terms
Terms of service
complete/docs/file-graph
File Graph
File dependency visualization
complete/docs/architecture-map.html
Architecture Map
Interactive 3-level zoom map
complete/codebase-map
Codebase Map
This page — visual architecture report
completeComponents — 70+ Building Blocks
Reusable pieces that assemble into pages
Nav.tsx
Top navigation bar with glass stripe
navFooter.tsx
Bottom footer with links and contact
navHeroHeadlineReveal.tsx
Animated headline: 'Your business runs itself'
heroHeroEyebrow.tsx
Small label above the hero headline
heroHeroSubhead.tsx
Supporting text under the hero headline
heroProposalDemo.tsx
Full proposal generator with 9 phases
demoHowSection.tsx
Seven AI pipeline workforce display
homePipelineScene.tsx
Single pipeline card with agents + metrics
homeLiveAgentFeed.tsx
Real-time agent activity feed
homeDashboardCounters.tsx
Live stat counters for the dashboard
homeMirrorSection.tsx
Business owner reflection section
homeOpenClawSection.tsx
OpenClaw framework explanation
homeTechAdvisorSection.tsx
Technology advisor value proposition
homeCorpDashboard.tsx
AI Corp department + C-Suite grid
ai-corpLiveAuraHero.tsx
Canvas particle animation background
ai-corpLiveHeroSection.tsx
Animated agent count hero
ai-corpMediaHero.tsx
Full-viewport video/image with caption
mediaMediaReveal.tsx
Scroll-triggered media reveal animation
mediaRevealSection.tsx
Scroll-triggered content reveal (Framer Motion)
cinematicCinematicHeading.tsx
Animated section headings
cinematicIndustryPageBody.tsx
Industry-specific page layout
industriesSignalArticleShell.tsx
Article layout for signal posts
signalsLessonBody.tsx
Lesson content display
lessonsModuleBody.tsx
Training module content display
trainingContactSection.tsx
Contact form and info
contactPageHero.tsx
Full-bleed hero image for secondary pages
sharedJsonLd.tsx
Global SEO schema (7 JSON-LD blocks)
seoSignalQuotes.tsx
Jensen Huang quotes with lesson links
signalsBookingWidget.tsx
Calendly booking integration
bookingAPI Routes
/api/proposal/generate
3 parallel Exa searches → DeepSeek → proposal JSON
/api/chat/route
AI chat endpoint
/api/contact/route
Contact form submission handler
/api/workforce/status
Live workforce status data
/api/workforce/feed
Live agent activity feed
/api/calendar/availability
Calendly availability check
/api/calendar/book
Calendly booking handler
/api/hermes/chat
Hermes AI chat endpoint
/api/nano/status
Nano-swarm status endpoint
/api/voice/route
Voice agent handler
/api/voice/transfer
Voice call transfer handler
Data Files
signals.ts
15 blog post entries with titles, slugs, keywords
industries.ts
Industry vertical definitions and AI pipeline specs
lessons.ts
3-minute lesson content with speaker quotes
training.ts
Training course definitions and modules
verticals.ts
Business vertical categorization
tutor-manifest.ts
Tutor script manifest for training
industries.json
Industry data in JSON format
tutor-scripts/*.txt
8 courses × 4 sections of tutor scripts
Library
config.ts
Site-wide constants: phone, Calendly URL, company info
utils.ts
Shared helper functions
calendar.ts
Calendar integration helpers
graph.ts
Graph data structure utilities
haptics.ts
Haptic feedback utilities
Agent Managers
website-manager.md
8 sub-agents: link, mobile, perf, a11y, schema, SEO, visual, SSL
content-manager.md
7 sub-agents: signal, writer, fact, copy, SEO, social, publisher
infrastructure-manager.md
11 sub-agents: security, deps, logs, build, DB, uptime, CI/CD, quota, DNS
growth-manager.md
9 sub-agents: social, video, voice, email, analytics, competitor, backlink, A/B, lead
seo-manager.md
8 sub-agents: meta, schema, keywords, content, SERP, sitemap, backlink, AEO simulator
pr-reviewer.md
GitHub PR code review agent
issue-dedup.md
GitHub issue deduplication agent
Cron Jobs
daily-seo-swarm.ts
8 AM Central: checks 5 signal posts for schema, meta, links. Alerts Telegram if issues found.