Files
industries/docs/index.mdx
2026-05-08 16:08:27 -04:00

75 lines
2.4 KiB
Plaintext

---
title: Zoo Industries
description: Defense and enterprise sector marketing site for Zoo Industries
---
# Zoo Industries
Defense and enterprise sector marketing site showcasing Zoo Industries products,
research, team, and capabilities for government and enterprise buyers.
- **URL**: [zoo.industries](https://zoo.industries)
- **Repository**: [github.com/zooai/zoo.industries](https://github.com/zooai/zoo.industries)
## Stack
| Layer | Technology |
|-------|------------|
| Framework | Next.js 16 (App Router, static export) |
| UI | React 19, shadcn/ui (Radix primitives), Framer Motion |
| Styling | Tailwind CSS 4, monochrome design system (pure B/W) |
| Language | TypeScript |
| Backend | Supabase (forms, analytics) |
| State | React Query |
| Deployment | GitHub Pages |
## Architecture
Static-exported Next.js application using the App Router with a `(marketing)`
route group. A post-build step copies `index.html` to `404.html` so
client-side routing works on GitHub Pages.
```
app/
(marketing)/ # Route group for all marketing pages
components/
ui/ # shadcn/ui primitives
navigation/ # Navbar, dropdowns
Logo.tsx # Animated SVG H mark
Navbar.tsx # Hover menus, product dropdown
Footer.tsx # Theme-aware footer
Hero.tsx # Landing hero with stats bar
hooks/ # React hooks (useTheme, etc.)
lib/ # Utilities, Supabase client
```
## Pages
40+ pages across these sections:
| Section | Content |
|---------|---------|
| Products | 14 product showcase pages |
| AI Models | Full Zen model catalog (45+ models, 10 families) |
| Research | 130+ papers with category filters and org badges |
| Careers | 42 listings, 9 locations, 7 global offices |
| Case Studies | Enterprise customer stories with metrics |
| Leadership | 13 executives with role cards |
| News & Press | Announcements and press coverage timeline |
| Contact | Form with Cal.com scheduling embed |
## Features
- **AI chat widget** -- streaming responses with OAuth authentication
- **Theme system** -- light, dark, and system modes via `useTheme()` hook, persisted to localStorage
- **Monochrome design** -- pure black/white palette, no accent colors
- **Framer Motion animations** -- staggered entrance patterns (0.03--0.05s stagger, 0.4--0.5s element duration)
## Development
```bash
pnpm install
pnpm dev # Starts on port 8080
pnpm build # Static export to out/
```