# LLM Analytics Marketing Page

Route: `/features/llm-analytics`

This page markets Searchable's AI traffic and LLM analytics workflow. It follows the same marketing-page system as `/features/shopping` and the AEO Insights subpages:

- `ProductDashboard` shell for the hero dashboard preview.
- Dashboard cards use the shared h-10 header, faint border, white surface, separator, chart/table body, separator, and footer pattern.
- Feature sections use the same alternating chart/content layout and mobile horizontal preview lane.
- Mobile keeps document/body width locked to viewport; wide dashboard/table previews scroll inside their own preview area.

Staging source of truth:

- Local staging worktree: `/Users/sam/searchable/tmp/staging`
- Main route: `apps/beta/app/(auth)/ai-traffic/page.tsx`
- Tab router: `apps/beta/features/analytics/traffic/traffic-tabs-content.tsx`
- Sidebar source: `apps/beta/features/dashboard-layout/sidebar-left/sidebar-left.tsx`
- Main tab files: `traffic-overview-tab.tsx`, `traffic-pages-tab-v2.tsx`, `traffic-ai-crawlers-tab.tsx`, `traffic-visitors-tab.tsx`, `traffic-logs-tab-new.tsx`, and `traffic-setup-tab.tsx`

Hero dashboard implementation notes:

- The demo uses the full staging tab set: Overview, Pages, AI Crawlers, Visitors, Logs, and Setup.
- The left sidebar mirrors the staging dashboard groups: Start, Analytics, Prompts, Actions, and On Page. Analytics includes AEO Insights, Shopping, LLM Analytics with the BETA badge, and Traffic.
- Overview includes the staging-style hero KPI/chart strip plus Pages, Referrals, Platforms, Bot Types, Crawl to Click Attribution, and Sitemap Coverage cards.
- Pages includes Page Crawl Rankings, Page Journey, Platform to Page Journey, and Page Crawl Coverage Matrix previews.
- AI Crawlers includes KPI strip, Crawl Activity Timeline, Crawler Coverage, Platforms, Crawl to Click Attribution, and Platforms Table previews.
- Visitors includes True Reach / AI-Sourced / Search / Engagement KPIs, the source-switching Human Visitors chart, Acquisition, Referral Pages, and Visitor Detail previews.
- Logs uses a Live Event Log table.
- Setup uses the three-step LLM Analytics Setup flow and connected provider tiles.

Interactive pieces:

- Hero dashboard tabs are clickable on desktop.
- Dashboard filter dropdowns update labels and close on outside click. The Setup tab hides the filter bar; the Visitors tab exposes the broader source selector options.
- Mobile hero dashboard is intentionally clipped and non-interactive to match the established feature-page preview pattern.