A comprehensive platform for Sales Engineers to automate research, streamline content creation, map needs to solutions, and provide contextual insights.
This application is designed to empower Sales Engineers with intelligent tools for deal preparation and execution, following a workflow-centric design approach.
- Company & Industry Profile: Manage company information and industry research
- Persona & Stakeholder Mapping: Track key stakeholders and their relationships
- Value Mapping & Demo Storyboarding: Map customer needs to solutions and create compelling demos
- ROI & Business Case: Build ROI models and business justification
- Frontend: Next.js, TypeScript, Tailwind CSS, shadcn/ui
- State Management: Zustand
- Visualization: react-flow
- Backend: Supabase (PostgreSQL, Auth, Storage)
First, set up your Supabase project and update the environment variables in .env.local:
NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
SUPABASE_SERVICE_ROLE_KEY=your-supabase-service-role-keyThen, install dependencies and run the development server:
npm install
npm run dev
# or
yarn install
yarn dev
# or
pnpm install
pnpm dev
# or
bun install
bun devOpen http://localhost:3000 with your browser to see the result.
├── app/ - Routes and pages
│ ├── (dashboard)/ - Authenticated user routes
│ ├── api/ - API routes
│ └── auth/ - Authentication routes
├── components/ - Reusable components
│ ├── ui/ - UI components from shadcn/ui
│ └── demo-prep/ - Demo preparation components
├── lib/ - Utility functions and shared logic
├── types/ - TypeScript type definitions
└── public/ - Static assets- Company profile management
- Industry context visualization
- Competitive landscape analysis
- Research repository
- Stakeholder profile management
- Relationship visualization
- Buying process tracking
- Influence mapping
- Problem-solution mapping
- Use case prioritization
- Demo script creation
- Visual storyboarding
- ROI calculator
- Business case builder
- Value visualization