Can I vibecode Smartlook?

Build a full-stack, production-ready web application that replicates the core functionality and value proposition of Smartlook. This should not be a generic tool, but a highly specific implementation tailored for its core audience.

### 1. App Specifics & Value Proposition
**Core Value:** Delivering highly accurate and actionable data for Smartlook users.
This is what makes the app specifically worth paying for. You must prioritize these features and ensure they are highly polished, accurate, performant, and reliable. The user experience must mirror the premium feel of Smartlook.

### 2. Specific Screens & Exact UX
- **Dashboard:** High-level overview of metrics.
- **Detail View:** Granular analysis of selected data.
- **Settings:** Configuration and integration management.
The UX should include dynamic micro-animations, loading skeletons, and interactive hover states to feel extremely responsive. Use modern design tokens (Tailwind or similar) to ensure aesthetic excellence.

### 3. Data Model & Schema (Specifics)
Implement the following database schema (using PostgreSQL or a suitable NoSQL alternative). Ensure strict typing (e.g., Prisma or Drizzle ORM):
- `users` (id, email, plan_type)
- `projects` (id, user_id, name, settings)
- `metrics` (id, project_id, timestamp, data_json)
Include proper indexes on frequently queried fields and foreign keys for relational integrity.

### 4. Core User Journeys (Step-by-Step)
1. User logs in and views the main dashboard.
2. User navigates to a specific project or metric.
3. User exports or acts upon the insights.
Ensure each step is frictionless and handles edge cases (like empty states or network errors) gracefully.

### 5. Technical Specifics (APIs, Protocols, Algorithms)
- Use Next.js for SSR and API routes.
- PostgreSQL for relational data.
- Redis for caching API responses.
Ensure you implement proper rate limiting, caching (Redis), and background job processing (e.g., BullMQ, Celery) for any heavy computational or network-bound tasks. The architecture must support horizontal scaling for these workloads.

### 6. Implementation Requirements
- Tech Stack: Use modern frameworks (e.g., Next.js, React, Node.js, or similar) as appropriate.
- UI/UX: Implement a premium, responsive design with clear data visualization where necessary.
- Security & Auth: Implement robust user authentication and authorization (e.g., NextAuth, Supabase).
- Error Handling: Ensure graceful error states, especially for data fetching or scraping tasks.
- Monetization: Scaffold Stripe integrations for recurring subscriptions reflecting the real app's pricing tiers.