Not Ben's — Architecture & Tech Stack

Tech Stack

Project Structure

notbens/
├── app/
│   ├── components/       # Shared UI components (shadcn/ui based)
│   ├── routes/           # React Router 7 routes
│   ├── lib/              # Utilities, Supabase client, Tavus integration
│   ├── root.tsx          # App shell
│   ├── app.css           # Global styles (Tailwind)
│   └── routes.ts         # Route config
├── docs/                 # Project documentation
├── public/               # Static assets
├── tailwind.config.ts
├── vite.config.ts
└── react-router.config.ts

Key Integrations

Tavus AI Avatar ("Not Ben")

• Video-based conversational AI clone of Ben
• Embedded on notbens.ai as a live video chat widget
• Greets visitors: "Hi, I'm Not Ben"
• Demonstrates AI consulting capabilities while being a funny brand hook

Supabase

• Auth, database, and backend services
• Will power the sticker ordering system (notbens.com) and potentially CRM/lead capture (notbens.ai)

Design Principles

• Funny but professional — the joke is the hook, the quality is the closer
• Slick animations — Motion/framer-motion for scroll reveals, page transitions, micro-interactions
• Modern & minimal — clean layout, bold typography, lots of whitespace
• Dark mode first — fits the vibe