Role & Goal:

Act as an expert Frontend Developer and UI/UX Designer. Build a functional, beautiful prototype for Fathom.ai, an enterprise operational intelligence tool that figures out how a company actually works by interviewing employees and mapping their real workflows.

Tech Stack:

React, Tailwind CSS, Lucide React (for icons), and Framer Motion (for page transitions/animations). No backend is required—use React state to manage navigation between views and hardcode realistic mock data.

Design System & Theme (Strictly Enforce):

Apply a "Sleek Dark Interface" aesthetic representing a modern, hacker-analyst tool:

• Colors:
  • Main Background: #0A0C10
  • Sidebar/Card Backgrounds: #12151C to rgba(30, 41, 59, 0.5)
  • Accent Color: #38BDF8 (Sky Blue)
  • Primary Text: #F1F5F9
  • Secondary Text: #94A3B8
  • Borders: rgba(255, 255, 255, 0.1)
  • Status Colors: Emerald-500 #10B981 (Success), Red-400 #F87171 (Bottlenecks)
• Typography: Use 'Space Grotesk' for display/headings and 'Inter' for body text.
• Style Details: Use 1px borders, subtle inner shadows, sharp border-radius (lg or xl), and glowing blur effects (bg-[#38BDF8] blur-3xl opacity-10) behind key elements. Component headers should be all-caps, ultra-small text (text-[11px] font-bold uppercase tracking-[1px]).

Mock Data Structure (Create this first):

1. Inquiries: Objects containing questions like "Why does onboarding take 23 days?", progress percentages, status (investigating vs. completed), and target interview counts.
2. Process Nodes: Steps in a workflow containing a label, duration, and status ('smooth' or 'bottleneck').
3. Insights: Quotes from employees with their role and a tag indicating if it's a "workaround" or "friction".

The App Architecture (3 Main Views):

View 1: Landing Page

• Navbar: 'Fathom' logo (BrainCircuit icon) on the left, 'Sign in' on the right.
• Hero Section: A pill badge reading "Announcing our Series A...". A massive headline reading: "Figure out how your company actually works" (make 'actually' a gradient from cyan to blue). Include a paragraph explaining that Fathom conducts 20-minute voice interviews with employees to create living operational maps.
• CTA: A prominent #38BDF8 button reading "Access Dashboard" (this should route the user to the Dashboard view).
• Preview Window: Below the hero, design a mock "browser window" glass-morphism container that showcases a fake query ("Why does the procurement cycle take 14 days longer?") and three metric cards.

View 2: Dashboard App - Layout Shell