Skip to content
● LIVE145 agents onlineDeepSeek V4...·@TAGAIWorkforceBot

Visual Architecture Report

TAG AI Codebase Map

Understand the entire website in 3 minutes. Every file, route, and component explained — no engineering degree required.

RoutesComponentsAPI RoutesDataLibraryAgentsAssetsConfig & DocsCron Jobs

28

Routes

70+

Components

11

API Endpoints

43

AI Sub-Agents

How a Request Flows

What happens when someone visits ubntag.com

URLlayout.tsxpage.tsxData LayerComponentsAPI Route3rd Party

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

complete

Components — 70+ Building Blocks

Reusable pieces that assemble into pages

Nav.tsx

Top navigation bar with glass stripe

nav

Footer.tsx

Bottom footer with links and contact

nav

HeroHeadlineReveal.tsx

Animated headline: 'Your business runs itself'

hero

HeroEyebrow.tsx

Small label above the hero headline

hero

HeroSubhead.tsx

Supporting text under the hero headline

hero

ProposalDemo.tsx

Full proposal generator with 9 phases

demo

HowSection.tsx

Seven AI pipeline workforce display

home

PipelineScene.tsx

Single pipeline card with agents + metrics

home

LiveAgentFeed.tsx

Real-time agent activity feed

home

DashboardCounters.tsx

Live stat counters for the dashboard

home

MirrorSection.tsx

Business owner reflection section

home

OpenClawSection.tsx

OpenClaw framework explanation

home

TechAdvisorSection.tsx

Technology advisor value proposition

home

CorpDashboard.tsx

AI Corp department + C-Suite grid

ai-corp

LiveAuraHero.tsx

Canvas particle animation background

ai-corp

LiveHeroSection.tsx

Animated agent count hero

ai-corp

MediaHero.tsx

Full-viewport video/image with caption

media

MediaReveal.tsx

Scroll-triggered media reveal animation

media

RevealSection.tsx

Scroll-triggered content reveal (Framer Motion)

cinematic

CinematicHeading.tsx

Animated section headings

cinematic

IndustryPageBody.tsx

Industry-specific page layout

industries

SignalArticleShell.tsx

Article layout for signal posts

signals

LessonBody.tsx

Lesson content display

lessons

ModuleBody.tsx

Training module content display

training

ContactSection.tsx

Contact form and info

contact

PageHero.tsx

Full-bleed hero image for secondary pages

shared

JsonLd.tsx

Global SEO schema (7 JSON-LD blocks)

seo

SignalQuotes.tsx

Jensen Huang quotes with lesson links

signals

BookingWidget.tsx

Calendly booking integration

booking

API 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.

What Is Complete

Apple glass elegante on 33+ cards
GA4 analytics (G-XPZ65TLBPR)
Hollywood Cinemascope hero with film grain
9-hop ProposalDemo with typewriter
24/24 pages pass SEO/AEO audit
Page-specific OG meta on 5 secondary pages
Daily SEO swarm cron (8 AM Central)
5 agent managers with 43 sub-agents
AEO/SEO guide with FAQ schema published
Interactive architecture map at /docs/architecture-map.html
13 business-owner blog posts on /signals
OpenAI-generated founders image (two males)
3 Sora videos in production (control room, pipeline, window)
2 music tracks (dark cinematic, techno ambient)
Film homepage at /media-home (title card + 5 scenes)
Skip-to-content + aria labels on all pages
7 JSON-LD blocks per page (Org, WebSite, Service, Video, FAQ, HowTo, WebPage)
robots.ts + sitemap.ts + manifest.ts
CLS fixes on all video/image components

What Is Missing

Sora Hollywood video for hero (rendering — swap into /brand/video/hollywood-hero.mp4 when ready)
Seedance backup video trailer (queued after Sora)
Kie.ai video generation (API returning 422 — backend issue)
BreadcrumbList JSON-LD on 23 secondary pages
Question-based headings on 13 signal posts for AEO extraction
Heading hierarchy fix on architecture page (h1 → h3, missing h2)
h1 tag on homepage (currently only h2)
Lighthouse performance audit with real scores
Loading skeletons for remaining dynamic() imports

Next Safest Steps

1Drop Sora Hollywood video into hero → instant cinema experience
2Add h1 to homepage + fix architecture heading hierarchy
3Add BreadcrumbList schema to all pages via layout
4Run Lighthouse audit → target 95+ on all metrics
5Activate Seedance for backup Hollywood trailer
6Connect jarvis-infrastructure as standalone GitHub repo
7Launch social cross-posting for /signals articles