ProjectsHanzoai
Hanzo Industries
Defense and enterprise sector marketing site for Hanzo AI
Hanzo Industries
Defense and enterprise sector marketing site showcasing Hanzo AI products, research, team, and capabilities for government and enterprise buyers.
- URL: hanzo.industries
- Repository: github.com/hanzoai/hanzo.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 clientPages
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
pnpm install
pnpm dev # Starts on port 8080
pnpm build # Static export to out/How is this guide?
Last updated on